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

Solution for 3-Column-preview-card-component

@TapasSingha

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 second my solution at FrontEndMentor. I have got a question.

Does my code have t match the screenshot automatically generated in the solution page? (the one for comparing the two)

I also have a request. Can you kindly look at my code and provide me a few suggestions on how I can make it better?

Thanks in advance, from Tapas :)

Community feedback

@TapasSingha

Posted

Hi @JuanSilva, Thanks for pointing them out. I have now made some modifications regarding them such as changing the background-color, getting the font-family right (I did not put the font-family name correctly).

I also noticed the font-size was a bit off, so I increased the font-size, added letter-spacing of 1px (I couldn't get it done by using font-stretch for unknown reason). It should now match the design more closely.

0

@JuaniSilva

Posted

Hey! Check that the color of the background is not white, in the style-guide you have a very light gray color for the background, headings and buttons. Also, the font of the vehicles category is not matching.

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