All comments

• 

  Nikhila sargam•90

  @nikhila2001Submitted over 1 year ago

  

  Responsive-product-preview-card

  1

  40
  

  Priyanshu Sharma•160

  @PriyanshuSharma0326Posted over 1 year ago

  A recommendation regarding your code.

  In order to set the main container in the center of the screen:

  You need to give height: 100vh; width: 100vw; display: flex; align-items: center; justify-content: center; to the body element, and not assign any position value to the container class.

  You can also reach more information about how to center the div from here.

  I hope this helps! :)

  Marked as helpful

  1

  This comment has received 2 repliesShow
• 

  Harsha•90

  @Harsha939Submitted over 1 year ago

  

  3-column-preview-card-component Frontend Mentor

  1

  10
  

  Priyanshu Sharma•160

  @PriyanshuSharma0326Posted over 1 year ago

  A recommendation regarding your code.

  In order to set the main container in the center of the screen:

  You need to give height: 100vh; width: 100vw; display: flex; align-items: center; justify-content: center; to the body element.

  You can also reach more information about how to center the div from here.

  I hope this helps!

  0