Skip to content
Submitted about 5 years ago

Huddle landing page with curved sections using Bootstrap

abidou08•550
@abidou08
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with curved sections
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Curved Section: I couldn't make that curved style

I tried to use min-width in css for mobile view but it doesn't show it properly as wanted.

Community feedback

  • Matt Studdert•13,611
    @mattstuddertPosted about 5 years ago

    For the curved section, I'd recommend using ::before and ::after pseudo-elements in your CSS and then styling them with position: absolute; and add the curve as a background-image. You can learn a lot from looking at other people's code, so I'd recommend browsing solutions for this challenge and seeing how others have done it.

    Let me know if you have any questions!

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord