Design comparison
SolutionDesign
Community feedback
- @HassiaiPosted almost 2 years ago
Replace<div class="container">with the main tag, <h2> with <h1>, <h3> with <h2> and <div class="attribution"> with the footer tag to fix the accessibility issues. click here for more on web-accessibility
Use relative like rem or em as unit for the padding, margin and width values for more on CSS units Click here
To center .container on the page, add min-height:100vh; display: flex; align-items: center: justify-content: center; or min-height:100vh; display: grid place-items: center to the body.
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
0
Please log in to post a comment
Log in with GitHubJoin 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