Design comparison
SolutionDesign
Solution retrospective
All feedback is welcome!!! :)))
Community feedback
- @kens-visualsPosted about 3 years ago
Hey @cheepmanzee 👋🏻
I've got some quick tips on how to fix the accessibility issues, and some other minor stuff.
- In your HTML,
<div class="card">...</div>
should be<main class="card">...</main>
. These will fix the accessibility issues. Don't forget to generate a new repot once you fix the issues. - And just one last thing, for the background balls. On mobile screen, they seem to be overlapping, what I did is instead of using
px
, I usedvw
andvh
they seem more responsive in this case. But it's just my approach, there's no right or wrong in this case 🙃 However, feel free to check out my solution here.
I hope this was helpful 👨🏻💻 You got the card looking really close to the design, well done. Cheers 👾
0 - In your HTML,
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