Skip to content
Submitted over 3 years ago

Semantic HTML with SASS

accessibility, bem, lighthouse, sass/scss
Danilo Parra Jr•430
@daniloparrajr
A solution to the Equalizer landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

The background positions are challenging to get exactly close to the design. Hope someone can learn from my code or if anyone has suggestions please feel free to comment :)

Code

Please log in to post a comment

Log in

Community feedback

  • Sergio Reynoso•320
    @sergioreynoso

    Great work!

    I use this Firefox plugin to make sure everything is as close to the design as possible: https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect-pro/

    It lets you use an exported png/jpg of the design and overlay it over your markup, and this way it's much easier to line things up. Good luck!

  • Éric Férole•420
    @Eric-Ferole

    Well done ! Close to perfection. nothing to say. I use Chrome dev tool to position elements that require absolute positioning.

    I'll follow you. Keep up !

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