Design comparison
SolutionDesign
Solution retrospective
i had just one problem trying to code the violet cover part, is responsive but not at all, like 80% 😁 . Any idea to fix this?
Community feedback
- @Bayoumi-devPosted over 2 years ago
It looks good!...
- I suggest you put the status of the preview card component in the
list item
to add moresemantics
to your project. like this:
<ul class="stats-preview__stats"> <li> <span class="stat-number">10K+</span> <span class="stat-name">Companies</span> </li> <li> <span class="stat-number">314</span> <span class="stat-name">Templates</span> </li> <li> <span class="stat-number">12M+</span> <span class="stat-name">Queries</span> </li> </ul>
I hope this is useful to you... Keep coding👍
Marked as helpful0 - I suggest you put the status of the preview card component in the
- @SamadeenPosted over 2 years ago
Hey!! Cheers 🥂 on completing this challenge.. .
Here are my suggestions..
- You can wrap your attribution section in a footer tag to avoid accessibility issues.
This should fix most of your accessibility issues
For the image you can either reduce the brightness of the image of set a light dark linear-gradient on the image itself
. Regardless you did amazing... hope you find this useful... Happy coding!!!
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