Resposive Landing Page with HTML and CSS
Design comparison
Solution retrospective
Try to break the responsiveness. I dare you. I double dare you.
(I actually wanna know what I might have missed :)
Community feedback
- @ChamuMutezvaPosted about 3 years ago
- alt values must be descriptive to benefit assistive technology users. Values like
logo
are shallow, the important thing to note is : the message that the image carries not to announce that there is an image (that is done automatically by screen readers) - for decorative images use an empty value
- Heading should ascend in order without skipping headings. H1, h2, h3 etc.
- input elements must have an associated label
- the anchor elements in the footer are better accessible in an unordered list. A list provides vital information such as the length of the list and the current position when tabbing.
Marked as helpful1@VictorrrochaPosted about 3 years agoHey @ChamuMutezva Thanks a lot, you taught me a lot of best practices I didn't know. I'll update my solution following these specifications.
0 - alt values must be descriptive to benefit assistive technology users. Values like
- @hafizanadliPosted about 3 years ago
What a great solution! It survive in every screen size great work!
Marked as helpful0 - @jmnyaregaPosted about 3 years ago
Hi @Victorrrocha.
You did great on the challenge, and I can't seem to break the responsiveness 🙂. The page responds well to all screen sizes. Good job on that, I have a few suggestions:
-
Look into relative units in fact, I will encourage you to use them almost everywhere. This will allow users to change font sizes from their browser settings.
-
Add hover state on the buttons.
Marked as helpful0@VictorrrochaPosted about 3 years agoHi @jmnyarega Thank you very much. Appreciate the feedback, will certainly look into your suggestions.
0 -
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