Skip to content
Submitted almost 3 years ago

Responsive page using flexbox

saira•130
@saira512dev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Please help me fix the background image as shown in the challenge.I cant figure out how to fix the content on a particular part of bg image

Community feedback

  • Ayaz Ahmed•100
    @AyazAhmed5Posted almost 3 years ago

    Hey, I just completed the same Challenge. I didn't run into this issue but I think that your problem is that you are using "no-repeat center/cover". if you remove them I think it will work fine.

    so instead of this: .container { background: #674baf URL("/images/bg-desktop.SVG") no-repeat center/cover; }

    use this:

    .container { background: #674baf url("/images/bg-desktop.svg"); } I hope it works for you:)

    Marked as helpful
    0
    saira•130
    @saira512devPosted almost 3 years ago

    @AyazAhmed5 does your image move as the screen size changes?

    0
  • Ayaz Ahmed•100
    @AyazAhmed5Posted almost 3 years ago

    No, it doesn't!

    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