Skip to content
Submitted almost 5 years ago

Huddle landing page with curved sections-Flexbox

hammercait•250
@hammercait
A solution to the Huddle landing page with curved sections challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Feedback more than welcome as well!

EDIT 9/17 redid code from the top and now more mobile responsive!

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • Sankara Gomathy M•455
    @sankaragomathym

    Hey!! Nice work.. Adding 'box-sizing: border-box' to all elements will solve half of your problem. The padding will affect the width of the element when you resize. Next, instead of changing flex-direction to column, you can go for 'flex-wrap: wrap'. And try to avoid unnecessary margins. These are increasing the space between 2 elements in mobile view. Hope this helps.. :)

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