Flexbox, media queries CSS

Community feedback

• 

  P

  David Turner•4,150

  @brodiewebdtPosted almost 3 years ago

  There are a few things I would recommend you change in this design. You have the Media Query set to 1440px. I would change that to about 800px so it adjusts sooner. In the media query remove all the flex from the body. Remove the width from the container. In the main code remove the padding and margin from the container. Set a width of 90% and a margin of 0 auto on the container.

  On the body remove the min-height and add the following code to center it in the viewport: display: grid; align-items: center; justify-content: center; height: 100vh; That should help the layout. Hope this helps.

  1
• 

  Eric Chua Zheng Hua•60

  @bigmac369Posted almost 3 years ago

  Thank you very much for the review.

  0