Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Huddle Landing Page with Feature Blocks - Mobile First(SASS/SCSS)

Jeck 1,080

@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

@VCarames

Posted

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 an aria-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 the header and `footers.
  • The company info inside the footer needs to be wrapped inside an address element. While each individual information needs to wrapped in an anchor element.

More Info:📚

MDN Address Element

  • 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 property column 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

Please log in to post a comment

Log in with GitHub
Discord logo

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