Apologies for any language errors in advance. I'm almost done with my first "online-card" project, but I've hit a frustrating issue. I can't seem to remove the gap between the footer and the tab-content (the Hungarian version is fine). I've experimented with max-height, various display options, and flex technologies - all to no avail. I've utilized Bootstrap for this project. Thank you in advance for any assistance!
.tab-content {
display: flex;
align-items: flex-start;
flex-wrap: wrap-reverse;
padding: 0.5rem;
}