Streaming live at 10am (PST)

Edit one side of a rectangle

Hello,
I have troubled editing the rectangle in which my content is. I would like to make it round like this screen:


But I can’t find how to it in webflow.
Is there any other way than shaping it in photoshop ?
Thanks,
Andréa


Here is my site Read-Only: https://preview.webflow.com/preview/reseau-icm?utm_medium=preview_link&utm_source=designer&utm_content=reseau-icm&preview=126568a4ea0179b817e1dd4637bbd325&mode=preview
And the website : https://reseau-icm.webflow.io/

Hey Andrea,

There’s no way to make one side of a div convex like this.

You have to use another method. I can see two quite evident:

  1. make an image of the curve, with on the bottom and transparent on the top and stick it to the bottom of the upper section, to make a smooth transition to the second section.

or

  1. have a div set to absolute on the background of the second section. make it white and make it super large, larger than your page (use overflow hidden on the parent). Play with the corner radius with values in % to achieve the curve.

Hi Vincent, thank you for your answer
I can’t imagine how it adapts on smaller screen, is there a way that the curve is responsive ? Which method is the best in this case ?
Thanks a lot