Huddle landing page using flex-box, grid css

Hi 👋. Cool project. About your question on the curved sections, I think my way to place the svgs is using a pseudo-elements like before and after with relative positioning on the section element and absolute on the pseudo element. Here is an example:

section {
   ...
   position: relative;
}

section::before {
   content: '';
   position: absolute;
   inset: 0 0 auto 0; // a shorthand for top, right, bottom, left. This pseudo element would be on the top
   width: 100%;
   height: 300px; // arbitrary number.
   background-color: transparent;
   background-image: url(..path.svg);
   background-position: bottom left;
   background-size: contain;
   bg-repeat: no-repeat;

}

On the contrary, you could place the images in markup and use the absolute positioning to get it in the right spot (while paying attention to a11y).

I hope this helps. Above all, this is a great project🎊. If you have any questions, don't hesitate to comment, and keep coding👍,

Ayobami