Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
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 | Pure CSS & JS

@beslerpatryk

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


Hello everyone 👋 This is my "Sunnyside Agency Landing Page" solution using pure CSS and JS. If you see any issues with this project - let me know. Any criticism/comments can certainly help me learn and grow as a frontend developer. Thank you 😁

Community feedback

Dušan Lukić 1,660

@dusanlukic404

Posted

Hi Patryk, again 😆

You did very nice job, here. I really like this mobile menu. Do you have any advice where I can learn JavaScript. It would be the next step in my learning process.

Also, I have two suggestions for your solution:

  • You set max-width to body element and on desktop you have some white space on each side. Try to have some container with max-width and width and then add element in it
  • Making some animation on header arrow would be pretty nice. Try to do something with transform: translateY; to make it move vertically

Keep coding, having fun and also learning! 😃

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