Huddle landing page with curved sections with bootstrap

Community feedback

• 

  T

  Matt Studdert•13,611

  @mattstuddertPosted about 5 years ago

  Nice work on this, Sven. For the curved details on the various sections, you could use position: absolute on a separate element (like an empty div) or a pseudo-element (like ::before) to stick the image to the top or bottom of the element as necessary based on the design.

  Let me know if you have any questions about this approach 👍

  0

  ---

  

  Sven Feeleus•490

  @n3vsxPosted about 5 years ago

  @mattstuddert i tend to not use position absolute because it reks my responsiveness xD

  0

  

  T

  Matt Studdert•13,611

  @mattstuddertPosted about 5 years ago

  @n3vsx for general layout, I'd completely agree. But in this instance, using position: absolute; is the perfect tool to get the curves into the correct position on the different sections. Take a look at other solutions for the same challenge and you'll see how others have tackled the problem.

  0