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

Fully responsive Sunnyside with TS + Styled-component + Grid

#accessibility#styled-components#typescript#next
Prabhash Ranjan• 2,540

@besttlookk

Desktop design screenshot for the Sunnyside agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I have tried to follow all the best practices. If you have suggestions do let me know.

Feedbacks are always appreciated.

Can anyone tell why in the screenshot not everything is visible when everything is okay. Same thing has happened in my previous solution.

Thank You,

#happyCoding

Community feedback

Zineb Boutaa• 750

@zineb-Bou

Posted

Your solution looks good I like the animation, here are some notes to consider.

The images are stretching when scaling down to small screen sizes, using the CSS property background-size: cover; will help you in this scenario.

Some interactive elements such as the menu button need to be rapped inside a <button> tag, choose the right semantic HTML element.

Happy coding.

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