Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Three Column Responsive Card

Ken Zimny 200

@K-Zimny

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Im having issues with the heights on the columns. They change size independent depending on the screen size (view in dev tools). Any ideas how to fix that?

Community feedback

kmnkat 30

@kmnkat

Posted

It's because you override the attrubute align-items: stretch to center in your container. Now every single card has the height of its content and is centered on the horizontal axis. You can find some useful information about css flexbox and columns here: https://www.youtube.com/watch?v=u044iM9xsWU (about 14m).

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord