Mobile-first 3 Column preview card

In html I recommend you

• change h1s for h2. Optional but in all liklihood this component would exist on a page with a heading so h2 would be better hierarchy
• remove alt values and leave the attributes empty instead, as these are meaningless images that can be ignored by screenreaders and bots. Then look up how to write alt text well for future challenges where you'll need to.
• change buttons for anchor tags. These would trigger navigation, not perform an action like toggling content.

Happy coding

All you need is a border on the buttons to fix that layout shift. Make it the same color as the btn background or make it transparent. Either way, that tells the dom how high it needs to be, it's unrelated to flexbox

Nice job on this one👍

You can fix that by giving a fixed height to cards.

• Use cursor: pointer to buttons to better indicate interactivity.
• Also, try to use a smaller media query breakpoint, because even though I'm using my laptop to see the solution, I'm getting the mobile version of the site.

Have fun coding 👍

you should change your .card-container margin to margin: 70px auto;