Design comparison
Solution retrospective
What height unit is usually best for responsive designs?
Community feedback
- @AdrianoEscarabotePosted almost 2 years ago
Hi Klaidas Kavaliauskas, how are you? Welcome to the front-end mentor community! I really liked the result of your project, but I have some tips that I think you will enjoy:
Images must have alt text unless it is a decorative image, for any decorative image each IMG tag must have empty
alt=""
and addaria-hidden="true"
attributes to make all the assistive technologies of the Web, as screen reader. Learn the differences between decorative/meaningless images vs important content.To improve the structure of the html document, prefer to wrap all the content with the
main
tag, since this challenge is just a component, it needs amain
tag to know what the main content of the page is!to improve the responsiveness of the project we can do this:
.container { max-width: 280px; }
The rest is great!
I hope it helps... 👍
2
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