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

#bootstrap

@michaelakleer

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


Any feedback is greatly appreciated!

Community feedback

@Eric-Ferole

Posted

Great work. It looks pretty close to the solution. Here are a few things I noticed :

  • Your page layout seems to shift compared to the solution. Probably a margin/padding issue.
  • Your background image is not right positioned. I use a Chrome extension called PixelPerfect to align elements as perfectly as possible.
  • The logo, title and subtitle could have been placed in a header element
  • Try to give meaningful name to your class instead of .section-one/.section-two

Hope it helps.

Keep up !

Marked as helpful

1

@michaelakleer

Posted

@Eric-Ferole Thanks so much for taking the time to write this! I'll be sure to apply what you suggested and am looking forward to using PixelPerfect.

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