Huddle landing page with curved sections

Community feedback

• 

  Ovidiu-Antonio•3,125

  @ovidiuantonioPosted over 4 years ago

  Hello, nice solution so far! To design these sections you can add the specific 'wavy images' as ``background-imageto the previous and next section, and then position it the way it should widthbackground-position``` property.

  For example, to design the 'your users' section you will use two background images, one on the 'flowing conversations' section (positioned to the bottom), and one on the 'ready to build your community' section (at the top).

  You can add multiple background-images the the same time by using background-image property like this: background-image: url(urlImage1), url(urlImage2), and to align them you use background-position: positionImage1, positionImage2.

  Happy coding! Keep going!

  1

  ---

  

  Moses Umuomo•105

  @MosesUmuomoPosted over 4 years ago

  @ovidiuantonio thanks I appreciate

  0