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 solution

Andrejโ€ข 10

@andrejsipka

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


Something to say? Just say it! ๐Ÿค”

Community feedback

Dineshโ€ข 1,115

@Dinesh1042

Posted

Hello, Andrej!๐Ÿ‘‹

Fantastic work on this challenge.

Here are my few suggestions for your solution

  • You should increase your font-size in .paragraph to allow users easier to read
  • You should change font-family in .paragraph according to their style guide
  • When resizing to mobile view there is more breathing space on the top of the .btn. Instead of specifying min-width in .cars__item you can make your .btn as display:inline-block and add margin-top to that.

Wish you Happy Coding๐Ÿ’ช

0

Andrejโ€ข 10

@andrejsipka

Posted

@Dinesh1042 Thank you for your feedback! U right, I should be more consistent and follow the style guide. Also, I definitely agree with you in the last point and I am going to do that. ๐Ÿ™‚ Happy coding! ๐Ÿค˜๐Ÿผ

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