3 column preview card with little CSS variable trick

Community feedback

• 

  Rebecca Padgett•1,860

  @bccpadgePosted about 1 year ago

  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