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

flex-box

@johngeigerdev

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


Suggestions on how I can best transition from one page size to the other would be great! Thanks

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hello there, John Geiger! 👋

Congratulations on completing your first Frontend Mentor challenge! 🎉 Nice work on this one! 🙌

To improve the responsive design of your solution, I suggest adding a max-width to the card component so that it isn't too wide when the layout first changes from desktop to mobile.

Also, I know the "Learn More" elements in this challenge look a lot like... well, buttons, but I think in the real-world they would more likely function as links (since they seem as if they would take you to another page where you can learn more about the product when clicked). I'd suggest turning those buttons into links (but keeping the same styling of course) to reflect how they might actually be used in a component in a full-fledged site.

Hope that helps a little. 🙂

Keep coding (and happy coding, too)! 😁

0

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