Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive landing page using flex-box, css grid and media query

@ramzy05

Desktop design screenshot for the Easybank landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

Ahmed Bayoumi 6,800

@Bayoumi-dev

Posted

Hey Ramsès, Congratulations on completing this challenge... You have accessibility issues that need to fix.

  • Document should have one main landmark, Contain the main content with <main>.
<main>
   <section id="hero">
      //...
   </section>

   <section id="services">
      //...
   </section>

   <section id="articles">
      //...
   </section>
</main>
  • Heading levels should only increase by one, Use h4 instead of h5... Always Make sure you are using the headings in order, Ordered headings make it easier to navigate and understand when using assistive technologies.

Hope this help!... Keep coding👍

Marked as helpful

0

@ramzy05

Posted

Hello Ahmed Thanks for your feedback, I saw these issues...I'm going to fix that, then update my solution.

There is a lot of things to learn here so I'm always going to keep CODING. Thanks...

0

Please log in to post a comment

Log in with GitHub
Discord logo

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