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

@programmer-shazid

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


Hi.....all community developer

Please give your opinion about this challenges I am eagerly interested for your opinion.

Thanks you

Community feedback

Michal 665

@mbart13

Posted

overall not bad, 2 tips

when you set height 100vh on main, use min-height instead. That's a good habit to get into from start

if you used flex on card you wouldn't need these media queries with margin top on button. If you made card flex container and flex-direction column you could target button and use margin-top: auto, and it would push button to the bottom

Also use padding on card to push items from the edge, you are using margin where you should be using padding

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