Responsive HTML an CSS

Please log in to post a comment
Log in with GitHubCommunity feedback
- @davvisamuel
HTML: Use a <main> tag to wrap the main content. This is very important for accessibility.
Add an alt attribute to the image, for example: alt="Avatar of Jessica".
CSS: In the *{ rule, you typed an "o" instead of a "0". Also, when the unit of measurement is 0, you don't need to specify the unit.
box-sizing: border-box; helps with layout control.
Don't set a fixed size on the body, as it breaks the layout on smaller screens. Use min-height: 100vh instead.
To align the container, it's better to use margin: 0 auto;.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord