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

Logan Willaumezβ€’ 160

@LoganWillaumez

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


Hello everyone ! This is the new challenge I did 😁

It was fun to do, especially the transition between the "states" design !

If u have any feedbacks, don't hesitate πŸ˜ƒ

Best,

Logan

Community feedback

T
Alexβ€’ 2,010

@AlexKMarshall

Posted

This is excellent. Very good job. It's really well responsive at all sorts of screen sizes.

I had to dig very deep to find some small issues, there really aren't very many.

If you're putting aria-hidden on an img because it's just decorative, then just give it an empty string for its alt property, the alt should only have a value if it's meaningful. But make sure it's set to an empty string, don't leave out the alt property completely.

The call to action buttons, when you hover on them, the alignment between the icon and the text changes slightly, giving a bit of a wobbly effect. It's a pretty minor point though.

Marked as helpful

1

Logan Willaumezβ€’ 160

@LoganWillaumez

Posted

Hey @AlexKMarshall ! Thanks for your feedback :D

It's good to heard than I don't have a lot of issues ☺️

  • Good to know

  • I tried to decrease the scale effect on :hover state of the button, and changed the size of the logo. It's better 😁

Have a great day !

0

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