Submitted almost 4 years ago

So much clamp()... so... much... clamp().

cypress

Daniel•140

@obriedan

A solution to the Equalizer landing page challenge

Preview Code

Solution retrospective

I strugged making this fully responsive, though I think I've gotten it about 85-90% of the way there. I started mobile first, but even so, because of the non linear changes in margins and gaps between mobile / tablet / desktop I ended up having to use a tonne of breakpoints and so many clamp()s

If you check in responsive mode with dev tools, the site should be fluid and look okay in every viewport width. But I'd really like to figure out a way to make it fluid without so many breakpoints.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Daniel's solution.

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