Responsive Huddle Landing Page using HTML5, CSS3

Solution retrospective
Any suggestion on layout improvements?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Yemisrach15
Hi Abdul, here are a few helpful suggestions I can give you, hopefully.
- Use
position: absolute
when you want to take a content out of the normal flow. You're not using it correctly. I think you couldn't get the background image to cover the header so you resorted to this. Containing the hero as part of the header and adding the background image to the header instead of the hero should solve this for you. - The logo at the footer should be a link.
- If you're providing an
alt
text to images, they should be descriptive so that visually impaired users can understand what the image is about. - For
a
/link elements that don't have text within them, you should add anaria-label
attribute or ansr-only
text, again for visually impaired users.
- Use
Join 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