Forums

Give help. Get help.

  • # August 10, 2017 at 9:20 am

    Hey folks,
    I love this site, but this is my first post. I am trying to get a row of items to be the same height regardless of content (align-items:stretch) and the same width regardless of content (flex-basis:0). My problem is that it looks like I can’t have both: when I leave flex-basis:0 in place, the items do not stretch vertically. When I take it away the items stretch, but (obviously) they are no longer the same width. What do I do?

    I have attached a Codepen: https://codepen.io/anon/pen/yoXMdE

    # August 10, 2017 at 10:41 am

    Things seem to be working as expected https://codepen.io/anon/pen/eERRyB but remember that the immediate children of a flex parent are the ones affected; the .buttonItem elements in the case of your demo, which I’ve coloured for easier visuals (alternate teal and tomato).

    Your burgundy .btn elements are nested one deeper so are beyond the scope of this flex context.

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

You must be logged in to reply to this topic.

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