Design comparison
SolutionDesign
Solution retrospective
responsive without using media query instead i mobile first approach and max-width and min-width to prevent the card container from expanding
Community feedback
- @GitHub-dev12345Posted almost 3 years ago
If you want to reduce your accessibility, Change this code. 😊
<div class="container"> to <main> ( Used main tag for main card design ) <div class="attribution"> to <footer> ( Used footer tag for footer design)I hope you find this helpful
1 - @GitHub-dev12345Posted almost 3 years ago
Congratulations 👏👏🎉🎉🎉 to complete your challenges. I suggest you in your card design to give border-radius: 13px. I hope you find this helpful
1 - @jrmydixPosted almost 3 years ago
Hi! Well done!
If this can help, I have a suggestion:
- Fix accessibility issues: to do so, change your
<h3>
to<h1>
. For the landmark issue, change<div class="container">
to<main>
and change your<div class="attribution">
to<footer>
If you have any questions feel free to ask, I'll try my best to help and answer! 🙂
1 - Fix accessibility issues: to do so, change your
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