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 page using flexbox

#accessibility#sass/scss
saira 130

@saira512dev


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

@AyazAhmed5

Posted

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

@saira512dev

Posted

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

0
Ayaz Ahmed 100

@AyazAhmed5

Posted

No, it doesn't!

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