Skip to content
Submitted about 2 years ago

Huddle Landing Page

Leroy Nnalue•220
@sommmtoooo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with alternating feature blocks
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

:0

Community feedback

  • バレンタイン 😈•64,170
    @VCaramesPosted about 2 years ago

    Congrats @Leroynnalue on completing this challenge!

    To clean up you code and make it semantically correct, you'll want to use semantic elements. So your code should look something like this ( only did the parent containers):

      <body>
        <header>
          <nav></nav>
          <section>Build The Community Your Fans Would Love</section>
        </header>
        <main>
          <section>Grow Together</section>
          <section>Flowing Conversations</section>
          <section>Your Users</section>
          <section>CTA</section>
        </main>
        <footer></footer>
      </body>

    Regarding headings, you always start with H1 (only use one) in the hero section and from then you H2 and so forth.

    Heres a link regarding headings: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements

    Congrats and happy coding!

    0

Please log in to post a comment

Log in with GitHub

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