Desktop-First using HTML and Flexbox

Community feedback

• 

  Haziq•320

  @zyq-mPosted about 3 years ago

  Hi Ryoma.

  Well done. You completed the challenge. It was close to design. I notice that your container does not centered well. Here my tips for fix this:

  • remove width of the body instead put the height height: 100vh;
  • center container using grid body { display: grid; place-items: center; }

  I think that's it. Feel free to take a look at my code. I've done this challenge.

  Almost forgot. Here my tips on responsive design:

  • go for mobile first then desktop
  • use media queries
  • be familiar with flexbox and css grid

  Feel free to watch this https://www.youtube.com/watch?v=0ohtVzCSHqs&t=270s

  Happy coding!!

  Marked as helpful

  0
• 

  Mojtaba Mosavi•3,760

  @MojtabaMosaviPosted about 3 years ago

  1- Spend some time reading about mobile first approach. 2- Test your solution thouroghly in the browser's responsive mode before you submit it.

  Keep coding :=)

  Marked as helpful

  0