Skip to content
Submitted almost 5 years ago

Couldn't figure out Flexbox, made with Grid instead

vongphakdy•140
@vongphakdy
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I tried making the main content with Flexbox, but the mock up would stay full size while scaling down the screen size. I ended up using Grid instead but would appreciate input on how this could've been done with Flex instead

Community feedback

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

    Your solution looks great Isaac! The image would have been stretching with Flexbox because the default align-items value is stretch. So you would just need to add align-items: flex-start (or another value) for it to resolve the issue.

    Keep up the great work! 🙂

    3
    vongphakdy•140
    @vongphakdyPosted almost 5 years ago

    @mattstuddert Thanks for the feedback. Going to try this out on a personal project.

    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