Submitted almost 2 years ago
Huddle Landing Page with Feature Blocks - Mobile First(SASS/SCSS)
@j-tomajin
Design comparison
SolutionDesign
Solution retrospective
started using the clamp function and it actually made my work easier, I don't need to add media queries on width's, padding's, font-size's etc. here's a link where you can get an already calculated clamp values HAPPY CODING! :D
Community feedback
- @VCaramesPosted almost 2 years ago
Hey there! 👋 Here are some suggestions to help improve your code:
- The
alt tag
description in the logo needs to be improved upon. The description should state the company’s name.
- The illustrations/icons serve no other purpose than to be decorative. Their
alt tag
should left blank and have anaria-hidden=“true”
to hide them from assistive technology.
More Info:📚
https://www.w3.org/WAI/tutorials/images/
- The
main
element should be wrapping everything except theheader
and `footers.
- The company info inside the
footer
needs to be wrapped inside anaddress
element. While each individual information needs to wrapped in ananchor
element.
More Info:📚
- The company directory needs to wrapped in a
nav
element and be built using theunordered list
element to create a single list. You will use the CSS propertycolumn
to style it.
More Info:📚
MDN <ul>: The Unordered List element
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding!🎄🎁
0 - The
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