Sunnyside Agency LP Solution. SCSS + JS + Semantic HTML + BEM = FUN!!!
Design comparison
Solution retrospective
Solution Images do not match since I took the liberty to make the top header and testimonials sections 100vh. This was to give the header an "above the fold" design and the testimonials a bit more breathing room.
This was a fun solution. I do like taking my time with them. Any feedback is appreciated.
I was quite happy with the JS work for the mobile menu.
The only thing that hung me up the most was the horizontal spacing on the desktop for the "Transform your Brand" section. For whatever reason, I wanted it to have a fluid width but keep the box itself aligned to the right of the box to keep the same spacing on any wider screen sizes.
For the life of me, I could not get it to work. I ended up with a solution I am ok with but not my first design.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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