Responsive Huddle landing page with react and tailwindcss

Community feedback

• 

  バレンタイン 😈•64,170

  @VCaramesPosted about 2 years ago

  Hey @Siebenlist, some suggestions to improve you code:

  • The Alt Tag description in the logo needs to be improved upon. The logo is arguably the most important image in you page. So the description should state the company name and what it is.

  • Your "buttons" were created with the incorrect element. When the user clicks on the button they should directed to a different part of you site. The Anchor Tag will achieve this.

  • Along with the blank alt tag, you also want to include the aria-hidden=“true” to your Illustrations* to fully remove it from assistive technology.

  • The headings are being used incorrectly. There can only be one <h1> Heading per page. Once the <h1> Heading has be used, you will use the next heading level and so on; depending on the headings' level of importance.

  • You are missing the social media icons.

  Happy Coding! 👻🎃

  Marked as helpful

  0

  ---

  

  Sieben•200

  @SiebenlistPosted about 2 years ago

  @vcarames Thank you so much!

  There is still a lot for me to learn and this feedback is really going to help me in future projects.

  Do you think with the heading problems i should just start using them like h1, h2, h3, etc. Or should i use the h1 heading one time and i can repeat the h2 heading in some other sections?

  I apologize if the question is hard to understand, english is not my first language.

  0

  

  バレンタイン 😈•64,170

  @VCaramesPosted about 2 years ago

  @Siebenlist

  Each heading has a level of importance.

  So for this challenge, the headings would be in the following manner:

  <h1> Heading

  • "Build The Community Your Fans Will Love"

  <h2> Heading

  • "1.4k+" and "2.7m+"
  • "Grow Together"
  • "Flowing Conversations"
  • "Grow Together"
  • "Ready To Build Your Community?"

  Marked as helpful

  0