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 Landing Page built with HTML, CSS, Flexbox, and JavaScript

Allyson S. 190

@allyson-s-code

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


Hi, Here's my solution for the Sunnyside Landing Page. I learned a lot of CSS tricks with this one- like the ::before and ::after pseudo-elements. The dropdown menu was a first for me and it took me a long time to get the shape and then figure out how to also get the menu to close if clicked outside of the menu. I finally got it with some help from the slack channel :) If anyone has feedback on my CSS, especially I would love that. After looking at a lot of other people's code I'm starting to wonder if my CSS stylesheet should get more efficient. Also- with responsive sizing, I tend to use em for font and stick with pixels for padding and margins. I'd love to hear some thoughts on that. Thanks so much!!!

Community feedback

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