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 coding challenge

P

@dhananjayandayalan

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

Hassia Issah 50,670

@Hassiai

Posted

There is no need to declare display flex in the section element for the mobile design by default it is block and flex-direction column. You only declare display: flex; in your media Query . Use rem or em as unit for min-width preferably rem 1rem/1em = 16px; In the main you can set the padding: 4rem 0; , margin: 0 auto and width: 90%; Hope this is helpful. Aside from this, Everything is Great. HAPPY CODING

1

P

@dhananjayandayalan

Posted

@Hassiai Thanks for the suggestions, will change it for sure.

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