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 landing page

@becckman

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'm happy with the mobile, tablet and 1440px desktop resolution. However on bigger resolutions things start to look a little weird. My CSS got pretty much all over the place towards the end, I need a more controlled workflow.

Community feedback

@zDevtutor

Posted

Hey @becckman, Well done on the project here. I liked the animation part that you did. It makes things more interesting. One thing I noticed is that the background doesn't fill the full width and height of the page as it appears on the design and there is a little horizontal scroll exists in small to medium devices. I think taking care of this will help in improving the project.

Marked as helpful

2

@becckman

Posted

Thanks for your feedback. I did struggle to position the background image to get it to look like the design. Felt like I had to do some weird positioning to get it in the correct place.

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