Responsive design using flexbox

Community feedback

• 

  Ricardo Alberto Carrero Bator•160

  @rc-0105Posted 3 months ago

  Hi Mathias congrats on completing the challenge. There is some things to imrpove in your code.

  1)Remember to write semantical html, use main instead div,etc. If you want more information about Click this

  2)I saw that you used a grid on the body and then you created a container with flex to center the content, instead of creating that div you could aply the styles directly on the body this way:

  .body{
      display: flex; 
      justify-content: center;
      align-items: center;
      height: 100vh;
  }
  

  This would center your content(In this case your box div) vertically and horizontally.

  3)If you want to improve all the things related to responsiveness Click this It help a lot when i began.

  Hope it was helpfull and have a great day.

  Marked as helpful

  1

  ---

  

  Mathias•150

  @JunLovinPosted 3 months ago

  @rc-0105 ty so much

  0