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 with little CSS variable trick

@Muhammadjewel

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


11th project is completed 🎉

In this project I used a little CSS variable feature to decrease the code amount.

Any constructive feedback is welcome.

Community feedback

@bccpadge

Posted

Hello @Muhammadjewel. Congratulations on completing this challenge!!!🎉

Your solution looks great and the only tip I have is you need add few styles on the body.

I see you used flexbox on the body

  • To place the cards in the center of the page and you add this code below
body{
 display:flex;
 flex-direction: column;
/* Add these three line of code to the body*/
 justify-content:center;
 align-items: center;
 min-height: 100vh;
}

Hope this helps you and don't hesitate to reach out to me if you have any questions

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