Skip to content
Submitted almost 2 years ago

Responsive Landing Page

aaronrubinstein•460
@aaronrubinstein
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Equalizer landing page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I couldn't quite figure out how to get the background image to align exactly as shown in the Figma mocks with the color blobs appearing in the right places. I got it pretty close in the desktop layout using background-position: top -250px center; but it was a bit off in the mobile view. Did anyone figure out a better way to do this?

Community feedback

  • Nelson•2,390
    @nelsonleonePosted almost 2 years ago

    Hello......congrats on completing another challenge,well done 🎉 🎉

    **Here's a quite little thing you need to know about background... hope it was helpful **

    It's based on the x and y axis.

    So , you can find where the background image translated to . Then play around with the axis to find the perfect position. Have fun coding 🎉

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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