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 (Mobile First)

Nejar 60

@nejraw

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


After doing some of the challenges I noticed I could do responsiveness better. So I took a mobile-first approach and this is what I came up with!

What do you think?

Community feedback

P
Grace 27,950

@grace-snow

Posted

This looks really nice, well done!

You're mobile single column layout maybe runs for a little too long as I resize the screen... there's quite a lot of space available. But not a big deal really, this all looks great

1
P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hey, Nejar! 👋

I think your solution looks great! It responds well, too, so good job on this challenge! 👍

I only suggest,

  • Adding a hover state to the social media links in the footer of the page.

Keep coding (and happy coding, too)! 😁

1

@JoelSithi

Posted

hello, your link to github code is not working (:

0

@OlehTovkaniuk

Posted

Good for you! And I stuck with background images of the first block :( Have no idea how to arrange everything so it looks good on all resolutions.

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