Skip to content
Submitted over 2 years ago

Responsive Huddle-Landing-Page using CSS flex.

Coffeemechanics•100
@Coffeemechanics
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

There seems to be problem after going under 600 px width, can I solve this problem by adding another media query? Also I had a problem postioning footer so I had to position it with top property and I don't like doing that but ¯_(ツ)_/¯

Community feedback

  • Karol Binkowski•1,640
    @GrzywNPosted over 2 years ago

    Great job!

    You can position your footer, by using min-height: 100vh, display: flex, flex-direction: column and justify-content: space-between in your body or container depending on structure of your HTML markup. You can watch more about it here

    Have a nice day and happy coding!

    Marked as helpful
    1
    Coffeemechanics•100
    @CoffeemechanicsPosted over 2 years ago

    @GrzywN Thanks!

    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