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

Easybank landing page solution

Progress Aienobe• 565

@Paienobe

Desktop design screenshot for the Easybank landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedback please

Community feedback

P
Chamu• 12,970

@ChamuMutezva

Posted

  • use semantic html, the following code will not be picked up by screen readers. A button - an interactive element should have been used.
<div class="hamburger"> 
                    <span class="bar"></span> 
                    <span class="bar"></span> 
                    <span class="bar"></span> 
                </div> 
  • alt values are used by assistive tech users to visualize the message that is being put across from the image. Decorative images use alt="". The following is too shallow or has no meaning <img src="./images/image-mockups.png" alt="intro-img" class="intro-img">
  • well done on the designs

Marked as helpful

1
Liam R• 425

@Cooly-o-Cats

Posted

Nice! Seems like some of the styles are off. Check the design and try a little bit harder! Mainly some fonts and sizes are off.

Marked as helpful

1

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