@Violesol
Posted
HI YANLSAMA
For the rounded shapes at the background I suggest you to use the "border-bottom-radius" and "border-top-radius" property in order to rounds the corners of the element's.
Additionally for the background I personally like to use a CSS Gradient tool: https://cssgradient.io/ with which you can add it colors to create the gradient, copy the code and use it in your element .
I hope you find it useful