Design comparison
Solution retrospective
can we anybody help me to make responsive blue curved baackground behind images any recommendation is accepted
Community feedback
- @GerbenDolPosted over 4 years ago
For the blue backgrounds on the image try using a
::before
on the image. Make it absolute, give it the background and proper border radius and give it a width to make it go off-screen.To make sure you don't get horizontal scrolling use
overflow-x: hidden;
on your body.Hope this helps you in the right direction!
1@SahasSauravPosted over 4 years ago@GerbenDol sorry but img can't have before and after pseudo event because it is empty tag and it does not have any content
0@GerbenDolPosted over 4 years ago@SahasSaurav Don't let that hold you back! You could easily wrap your image in a <div> for this purpose. 😁
1
Please log in to post a comment
Log in with GitHubJoin 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