Skip to content
Submitted over 3 years ago

Flexbox and Css Grid

Héctor Vásquez•510
@Heitoluis
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

Working on the curved elements was quite a challenge. I would love any feedback that you could give me! =)

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    Hello there, Héctor Vásquez! 👋

    Nice to see you complete another challenge! 😀 Good work on this one! 👍

    A few things I'd like to suggest are,

    • Making sure there's always a bit of space around the content of the header and its above 1000px.
    • Wrapping the icons in the footer of the page in <li> (since they are children of a <ul> element) to get rid of the errors on your solution report.
    • Adding overflow-x: hidden to the body (or something similar) to prevent a small horizontal scroll bar from appearing along the bottom of the page.

    Keep coding (and happy coding, too)! 😁

    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