Using CSS grid and some CSS flex to complete this challenge

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  Replace <div class="project"> with the main tag <main> to fix the accessibility issues.

  The body has a wrong background-color.

  Give .f-grid a fixed width value instead of giving .project a percentage width value. there is no need to give .project a width value. .f-grid width: 600px. in the media query give .f-grid a max-width value for a responsive content.

  Give . box a padding value for all the sides, this will be the padding value for all the boxes.

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  0