3 Column Preview Card Component

Community feedback

• 

  Aram Nayebbandi•510

  @devaramnye

  Posted almost 2 years ago

  Hello there,

  I like your work and I have only one tip for future project's. This block of CSS code is to center your project horizontally & vertically. You did everything already correct in your media query by giving the .wrapper a display: grid & place-content:center but the only thing which is missing is the min-height: 100vh to full fill the requirement to center everything correctly.

  body {
    min-height: 100vh;
    display: flex;
    justify-content: center  * To center the items of the flex container horizontally
    align-items: center * To center the items of the flex container vertically
  }
  

  Keep up you work & happy coding!

  02

  Marked as helpful