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 Component

@NgunzaFrancisco

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

Community feedback

@sobbaka

Posted

  • Background and cards size differ from design
  • I recommend to create :root in CSS and use variables from there (for example for colors - makes life easier)
  • If you start to use em - try to use it everythere
  • add white border into links (border: 1px solid #fff;) - without it bottom of card 'jumping' on hover
  • and about class naming of cards. I recommend to use content__card card card--sedan. content__card to place card in content, card is to make it independent reuseable element
  • use text-transform: uppercase; instead capslock in H1
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