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

3 Column Preview Card (Flex, BEM)

@narahkaruna

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


Hello everyone. This is my solution for the 3 Column Preview Card.

This is a challenging project for me personally. I've used grid css initially to make the layout, but changed to flex instead. With grid, I can't get the divs to align side by side without the spaces.

I tried to make the design as responsive as possible using the device toolbar in developer tools.

Happy to hear feedback and advice.

Community feedback

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