Huddle Landing Page

Community feedback

• 

  バレンタイン 😈•64,190

  @VCaramesPosted almost 2 years ago

  Hey there! 👋 Here are some suggestions to help improve your code:

  • Do not forget ⚠️ to check your FEM report, to see what is incorrect and update your code with it right after you submit your challenge.

  • The logo’s alt tag description needs to be improved upon ⚠️; it should state the company’s name.

  • The “illustrations/icons” serve no other purpose than to be decorative ⚠️; they add no value. Their alt tag should left blank.

  More Info:📚

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

  • ⚠️ Everything starting from <div class="col1"> should be wrapped inside the footer element.

  • ⚠️ The logo and company info inside the footer need 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. Each individual link needs to wrapped in an anchor element.

  More Info:📚

  MDN <ul>: The Unordered List element

  • Your CSS Reset is being underutilized. 😢 To fully maximize 💯 it, you will want to add more to it. Here are some examples that you can freely use 😁: Josh Comeau Reset Eric Meyer Reset

  • Implement a "Mobile First" approach 📱 > 🖥

  Mobile devices are now the dominant 👑 way in which people browse the web, it is critical that your website/content looks perfect 💯 on all mobile devices.

  More Info: 📚

  Mobile First

  • For improved accessibility 📈 for your content, it is best practice ✅ to use rem for your font-size and other property values. While em is best for media-queries. Using these units gives users the ability to scale elements up and down, relative to a set value.

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

  Happy Coding! 🎆🎊🪅

  0