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

Responsive and Animated Equalizer Landing Page

Gio Cura 650

@GioCura

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 learned how to make scroll animations through this challenge! I used a little JS, particularly IntersectionObserver.

Community feedback

@brunomoleta

Posted

Hi there, I suggest that you use it on your .ios__logo and .android__logo a background-repeat: no-repeat; so that you have only one of each.

I would also advise you to perhaps use another way to animate your page, as it's running slow on my browser.

Beyond that, it's an adequate choice to limit the overall width size on large screens so that the equalizer top and bottom logos align at both sides with the black .cta in the middle.

Perhaps you could adjust the query for the tablet as it is going from 850px to 1200px at the moment.

Great hustle :)

Best regards from Brazil

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