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

Responsive landing page with CUBE CSS and Tailwind

#cube-css#tailwind-css
P
Alexβ€’ 1,990

@AlexKMarshall

Desktop design screenshot for the Equalizer landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I wasn't fully able to eliminate media queries in this, though I would've liked to. I feel like there must've been a better way to do the middle grid section. But I couldn't figure out a way to maintain the centered alignment on small screens and smoothly transition to the side-by-side option once it's larger. The end result is relatively smooth, but there's still one breakpoint needed to achieve it.

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