
Design comparison
Solution retrospective
I'm happy to receive feedback on how to further improve my work :)
Community feedback
- @KapteynUniversePosted 4 months ago
Hey Praises, nice job.
Landmarks, (or this page) are essencial for accesibility. Every page needs one main. The main landmark is reserved for the main content of the entire page and should not be used inside a card. Instead of wrapping the text with main, you should wrap the card div with a main.
You can also change card div with an article tag if you want.
Since you used flex on the body, you can use
justify-content: center;
on the body instead ofmargin: 0 auto;
, not much difference tho just for better readability.Nice using of max-width, also for better responsiveness; use rem especially for font sizes and media queries.
I also recommend you to use a modern css reset or you can check Andy Bell's reset too
Marked as helpful0
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