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

Sunnyside Agency Landing Page

@yunusemrecinar

Desktop design screenshot for the Agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


** What I couldn't do properly? **

  • I tried very hard to fix the horizontal scroll bar that occurred in desktop mode, but I couldn't understand why. ( I did fix it in mobile mode)

Any feedback is welcome :))

Community feedback

Eduardo 910

@KTrick01

Posted

Hi! After tinkering around I found that the elements causing overflow are this ones:

  • Nav element (Because it has 100vw width)
  • div with class content2 (Because it has a width in vw too, i dont recommend you that)

If in the future you have this same problem, a little trick to identify the elements causing overflow is to give all elements a border Something like this: * {border: 1px solid black}, this way you will be able to see wich container is overflowing

Marked as helpful

1

@yunusemrecinar

Posted

@KTrick01 Omg. This works like a charm. It is a simple and efficient technique. I didn't think to do this. Thanks a lot!

0
Adriano 34,090

@AdrianoEscarabote

Posted

Hello Yunus Emre Çınar, how are you?

I really liked the result of your project, but I have some tips that I think you will like:

I managed to remove the side scrollbar this way:

body { overflow-x: hidden; }

I couldn't find her cause either hahahahhaha but the important thing is that she disappeared.

the rest is great!

Hope it helps...👍

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