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

Mobile First 3 Column Preview Card Using CSS and HTML5

@marieachieng

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


How did I do in this challenge?

Community feedback

Anthony 355

@ACdev27

Posted

Overall looks good. I would give feedback about two points.

The h2 headlines (SEDANS, SUVs) I think need to be larger font size. From design image it looks like these headers should be taller size than the icons at top of card. If you compare size of icons to size of headers you will see that I think.

Also, as browser window gets more narrow, like tablet size, the buttons at bottom of cards and some of the text, flows outside of the card element. I think this is because you set a height for your .card class. If you remove the fixed height the .card class then the cards will freely expand vertically as the browser window gets more narrow.

Marked as helpful

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