Desktop-First using HTML and Flexbox

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!!

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 :=)