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 Easybank landing Page with added dark mode

P

@joshdail

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


Here's my solution. I added a dark mode (I think I actually had it mostly in dark mode as I was coding it). I think the font sizes I used are slightly larger than the style guide. I wasn't working from the Figma file for this one, and I find the smaller fonts harder on my eyes.

I had quite a bit of trouble with the background images at the top of the site running off the screen and causing issues with horizontal scrolling and overall page layout. I'd appreciate any suggestions on how to get the images to display and scale properly.

Community feedback

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