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

Equalizer Landing Page

@rrebolledo90

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 had a difficult time working with the layout. Some of the layouts were achieved with absolute position. As a result, they did not respond the way I wanted them when I minimized the page. I went ahead and decided to leave this project as is. The optimal view here is at 1000px, anything smaller then that the page starts to break. I plan to revisit this project in the future when I get a better understanding of grid box, as I know you can overlay items. I was able to do this with the mid-container background, second pattern, and also the phone image. However, once I started adding other images, grid started acting odd, therefore I opted to absolute position the orange container, which lead to problems with responsiveness. Overall, I am happy with the desktop view.

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