How to recreate curvy background
How can i be able to create this pattern of design and make it responsive please?(I.e the blue curve behind the illustration) I want to learn how to create it
Or resources that can help me with it
#how-to-ask-good-questions #front-end
8 Replies
Kevin Powell
Conquering Responsive Layouts
Are you ready to take the challenge and finally figure out responsive layouts? Click the button below and jump in!
your question is really too broad to answer otherwise. Have you tried anything so far?
Your title says help with curvey background but then you ask how to make the whole thing?
You should at least try to make something then ask here where you are stuck and how to get unstuck
Also taking photos of screens is cursed.... I typically don't help when I see it
It's 2025 there are better ways
Please i just want to learn how to create it?
I saw the image and want to learn how to do it please
just the blue bit, right?
looking at the image, it's probably an SVG along with the screenshot, so just open InkScape and draw the shape you want
Really depends on much more than what's shown, but since you just want any answers ... Use a pseudo element and position it behind the image.
Yea or a svg
You can position better with grid and transform too imo. You can also just use absolute positioning it on the body vs the image
Yeah, that works too.
fancy-picture::before { content: ''; border-radius: 999px; background: blue; /*positioning and size left as an exercise to the reader*/} or somethingThanks for the help
I appreciate