Skip to content
Submitted about 2 years ago

LoopStudio Landing Page CSS HTML JavaScript

Abdul rehman•650
@abymani
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Loopstudios landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

kindly give your valuable feedback

Community feedback

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

    Congrats @abymani on completing this challenge!

    To make you content semantically correct, you wan to have you <nav> element inside the <header> element and use <section> elements instead of <div> for each section. So it should look something like this (only did the main parent elements):

        <body>
      <header>
        <nav></nav>
        <h1></h1>
      </header>
      <main>
        <section>The Leader in...</section>
        <section>Our Creations</section>
      </main>
      <footer></footer>
    </body>

    Essentially, you want to use the proper semantic elements to make your content accessible, improve its SEO and make it easier to understand.

    Attached is a link with more detail on HTML elements: https://developer.mozilla.org/en-US/docs/Web/HTML/Element

    Marked as helpful
    0
    Abdul rehman•650
    @abymaniPosted about 2 years ago

    @vcarames Thanks for the advice. I will surely work on it.

    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