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 alternating feature blocks

#bootstrap
faizanβ€’ 2,420

@afaiz-space


Design comparison


SolutionDesign

Community feedback

@VCarames

Posted

Hey there! πŸ‘‹ Here are some suggestions to help improve your code:

  • The picture element is not for single images. It ideal for when you need different sized images at different breakpoints or you have different format types and need a fail safe.
  • The nav inside the header is not needed. since there is no navigation menu.
  • The β€œillustrations” serve no other purpose than to** be decorative**; They add no value. Their alt tag should left blank and have an aria-hidden=β€œtrue” to hides it from assistive technology.

More Info:πŸ“š

https://www.w3.org/WAI/tutorials/images/

  • The article element is not needed for this challenge, since nothing here is independently distributable on its own.
  • The footer nav should only be wrapping the company links.
  • The company info would be wrapped inside an address element and each individual info should be wrapped in an anchor element.
  • The nav list should be a single list, not two. You will use the column property to properly style it.

If you have any questions or need further clarification, feel free to reach out to me.

Happy Coding!πŸŽ„πŸŽ

Marked as helpful

0

faizanβ€’ 2,420

@afaiz-space

Posted

@vcarames thank you so much.

1

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