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

Mobile first Equalizer landing page HTML CSS Flexbox

P
Ronan 220

@CannyRo

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


What are you most proud of, and what would you do differently next time?

I'm proud to have completed this challenge. Even if I lacked the foresight to organize each component and its responsive behavior. If I had to do it differently, I'd focus on the responsive behavior of each component from the start, because I'm not fully satisfied with my solution.

What challenges did you encounter, and how did you overcome them?

Positioning certain components (with overlays) was rather tedious, so I had to be patient and play with relative and absolute positions. The backgrounds supplied without the starter set didn't look identical to the Figma model. I therefore re-exported the backgrounds directly to exploit these versions.

What specific areas of your project would you like help with?

The responsive behavior of my project. Yes, it's responsive, but I'd like to improve it with a more efficient CSS file that gives more freedom to the components.

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