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

@AlperMehmetOzdemir

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


I couldnt get the overhaning phone image from the hero section to the feature(why choose easybank) section. If I use "overflow-x:hidden" in the body it fixes it for 1440px and up ut causes issues for lower resolutions. If i use "overflow-x:hidden" in the class itself or the direct parent class then it makes it a scrollable image. How would I fix that?

Community feedback

Renszo Camachoโ€ข 1,615

@RenszCamacho

Posted

Hiya ๐Ÿ‘‹๐Ÿป AlperMehmetOzdemir. Well done my friend ๐Ÿ‘๐Ÿ‘๐Ÿ‘. You have done a fantastic job on this challenge ๐Ÿ‘Œ,I noticed that you did mobile-first, and itโ€™s responsive ๐Ÿ’ฏ.

I've been digging into your code, and I reckon, that removing the overflow: hidden from .hero .container { overflow-x: hidden; }

You can fix that horrible scrollbar

Hopefully, it helps.

Happy coding๐Ÿง‘โ€๐Ÿ’ป

2

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