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

3Column-Preview-Card-Component

Rohit 150

@git-0r

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


suggestions are welcome.

Community feedback

Mikko 15

@mikkoo99

Posted

Great job! It looks well on my IP11. About code, don’t use #id for css, leave it for JavaScript, use .class for css only. You can be more specific with width of your columns by adding flex-basis: 100% in your class=„card”. Doing that you dont have to give your columns width: 33,3333…% What’s more in your media quaries you have in your .card flex-wrap: nowrap and flex-wrap: wrap

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