3 Column Preview Card Component

Community feedback

• 

  Aram Nayebbandi•510

  @devaramnyePosted about 1 year 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!

  Marked as helpful

  0

  ---

  

  recre1231•30

  @recre1231Posted about 1 year ago

  Hi! thanks for the feedback, I started front-end a few weeks ago! Actually the problem you are giving me feedback it's the problem I had and couldn't resolve. Thank you! @devaramnye

  1

  

  Aram Nayebbandi•510

  @devaramnyePosted about 1 year ago

  As I started as well someone gave me the same tip so dont worry 🫶@recre1231

  0