@Alex-Archer-I
Posted
Hey, congrats with your first challenge here =)
A couple of tips =)
- Try not hardcode
width
andheight
of the container (I mean yourbox
element). Instead of width better to usemax-width
to allow it adjust to the small screens. As forheight
- usually you shouldn't specify it at all. It's better if the content will define the height of the container. If you still need to fit the template - try to regulate height with paddings. It is in case if the content would change in the future and will be lager than height of your element. - Learn about
rem
units and use them at least for font-size. It's a relative units which value depends on the font setting of the browser. - Add
main
element to your page - it is important semantic tag which should be on the almost every page.
And I really recommend you to keep html and styles in separate files =)
Overall, your work is very neat, keep doing =)