All comments

• 

  Nikhila sargam• 90

  @nikhila2001

  Submitted about 1 year ago

  

  Responsive-product-preview-card

  1

  40

  

  Priyanshu Sharma• 160

  @PriyanshuSharma0326

  Posted about 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

  @Harsha939

  Submitted about 1 year ago

  

  3-column-preview-card-component Frontend Mentor

  1

  10

  

  Priyanshu Sharma• 160

  @PriyanshuSharma0326

  Posted about 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