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

@NJR911

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

Kurt Mani 20

@manku92

Posted

If you want to center the container in the body

body{ min-height: 100vh; display: grid; place-content: center; }

A fellow helper on here helped me with that. If Flexbox works for you then go for it. Just remember to add the height.

All the best.

Marked as helpful

0

@NJR911

Posted

@manku92 thank you, i'll take it into consideration

0

@Mar1362

Posted

hi, i found the site very clean , i really appreciate but i would notice you that you didn't do yet the "learn more" button hover effect

Thank you!

Marked as helpful

0

@NJR911

Posted

@Mar1362 Hi, About the button hover effect i forgot it and thank you for reminding me.

0

@Mar1362

Posted

@NJR911 ok, i would rather you check out this link too, it will help a lot for your next project :)

Marked as helpful

0

@NJR911

Posted

@Mar1362 thank you!

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