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 | JS. Mobile First.

@PaliTriesToDesign

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 learned a lot building this project!

If you look closely to the triangle in the mobile menu you can see that it is not perfectly aligned to the right border. Any suggestions?

Also, what JS animations could I use for a web page like this one?

Thanks!

Community feedback

Ren Ras 420

@renras

Posted

I was able to recreate what you were trying to do in this codepen: https://codepen.io/renras/pen/bGaZPJx,

Or you could just put them in a parent container and do display: flex instead of using the ::after approach.

Marked as helpful

1

@PaliTriesToDesign

Posted

@renras Wow, that's a great answer. I'll use it for my code.

Thanks for the help!

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