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 HTML, CSS and JS

@shaqeebakhtar

Desktop design screenshot for the Agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

Travolgi 🍕 31,420

@denielden

Posted

Hi Shaqeeb, congrats on completing the challenge!

I had a look at your final solution and I have a few suggestions for you that I hope will be useful:

  • in my screen the image of the section they do not cover the entire dedicated space, this is because you have assigned max-width. Instead, use width: 100% so that the images fill their containers.
  • try to add arrow__down an effect to scrool down with wrapping the img with a tag
  • in mobile when I open the menu the arrow overlaps and remains visible: try to use z-index in the nav tag

Also don't forget to look at the report issues.

Overall you did well :) keep it up and Happy coding!

Marked as helpful

1

@shaqeebakhtar

Posted

@denielden thank you for your feedback really appreciated it but don't know which section's image you're talking about.

1
Travolgi 🍕 31,420

@denielden

Posted

@shaqeebakhtar every image inside all section excluding the initial slide :)

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