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

P
Aleks 330

@reactaleks

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?

As part of this simple and yet not so simple project i have learned alot about layout, positioning and units of measure. This was a simple but yet very challenging exercise and i had to rewrite my layouts quite a bit.

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

Adding background patterns based on the size of the device, due to using next js i had to write a background pattern component which would return background pattern based on the width of the screen.

Community feedback

@nonoza

Posted

Hey,

Great job on completing this project! I just noticed one thing that could be improved:

Add "cursor: pointer;" to the buttons and email address.

I hope this helps.

Marked as helpful

0

P
Aleks 330

@reactaleks

Posted

@nonoza Thank you! this is such a small but important detail that i keep forgetting. Many thanks for pointing it out!

1

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