Forums

Give help. Get help.

  • # October 12, 2017 at 2:35 pm

    Hi, I’m facing a problem and I kindly request for help.
    It’s presumably a very basic problem; I just want the div.content to have the same height as the div.container (in this case “min-height: 100vh”).

    Could someone please have a look?
    https://jsfiddle.net/tsdqfy9r/

    # October 12, 2017 at 10:04 pm

    Google is your friend – search this phrase “flex child fill remaining height” and the answer comes up many times in the first page.

    And here’s the CSS Tricks guide on flexbox for you to read up on https://css-tricks.com/snippets/css/a-guide-to-flexbox/
    Hint: the “children” section and “flex-grow” will be most useful to you.

    # October 13, 2017 at 12:02 am

    Yes, that is correct. To be quick, your div.content is a flex item, but it doesn’t grow automatically because default is not to grow. So just put for example flex-grow: 1 in your style for div.content and it will grow.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag