Submitted over 4 years ago

Responsive landing page

@AlperMehmetOzdemir

A solution to the Digital bank landing page challenge

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?

Code

Please log in to post a comment

Community feedback

Renszo Camacho•1,615
@RenszCamacho
Posted over 4 years ago
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🧑‍💻

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