Skip to content
Submitted over 2 years ago

Responsive Blogr landing page

NMT Nabeel•80
@T-Nabeel
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blogr landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Page is built for optimal layout for width points of 1440px, 810px and 375px. I've used jQuery for the drop down option in mobile menu. If anyone knows how to do that with pure javascript, Please let me know in the comments, I would much appreciate an answer. 🙌

Community feedback

  • Ahmed Bayoumi•6,740
    @Bayoumi-devPosted over 2 years ago

    Hey! It looks good!, and Your code is so clean...

    You have an accessibility issue that needs to fix. Document should have one main landmark, Contain the component with <main>.

    <main>
   <section class="hero">
      //...
   </section>

  <section class="feature">
      //...
   </section>
</main>

    Hope this is helpful to you... Keep coding👍

    Marked as helpful
    0
    NMT Nabeel•80
    @T-NabeelPosted over 2 years ago

    @Bayoumi-dev Thankyou! 😄 and.. appreciate for pointing out the issue Bayoumi. I will fix it. Is there a reason why not including the main tag lead to an accessibility issue.

    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