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 cards, CSS flexbox

Ferney 170

@FerneyMontoya6

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


If someone have feedback for this, I'd like to know it. I'll be greatful 😊

Community feedback

@CosteaAlin93

Posted

Hi Ferney! Awesome design!! At a very close inspection, I would modify just a few minor things to make it 100% pixel perfect:

  • you need to add just a bit of rounded corners to the content; to do so, I would wrap the 3 article elements into a div or section element and apply the rounded corners to it
  • for the paragraphs, you need to add the Lexend Deca font ;)
  • and add a bit of padding to the y axis (on the vertical) to the learn more buttons so they become a bit more bulkier
  • and yea...make the SUVs text into SUVS

Once again, congrats for the solution. Hope my hints make sense and are on the point. Drop me a message if anything is not clear.

All the best,

Alin

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