Flex container with overflow-y element

Asked Mar 07 '16 at 16:23

Active Mar 07 '16 at 16:28

Viewed 54 times

I have flex .wrapper with flex-direction: column.

Then I have 2 flex elements. One of them is .g-main, which also is flex container with element .content inside it.

The troubles with height of .g-main. Why it doesn't stretches automamicly? There is a lot of content inside it.

edited Mar 07 '16 at 16:28

Michael Benjamin

asked Mar 07 '16 at 16:23

Buckwheat

http://stackoverflow.com/a/35537510/3597276 – Michael Benjamin Mar 07 '16 at 16:27
1

if you set an height in the flex parent or to itself without reset in mediaquerie, it won't stretch, could you setup a snippet or a jsfiddle/codepen, that mimic your issue ? – G-Cyrillus Mar 07 '16 at 16:35
Ssory, I forgot about jsfiddle. Here is the link: https://jsfiddle.net/bvv73c9e/ Try to resize the content area on jsfiddle for @media working. – Buckwheat Mar 07 '16 at 19:41
Maybe i'm sleepy, but looks like I was fixed it. :) – Buckwheat Mar 07 '16 at 19:45
Here is the link https://jsfiddle.net/bvv73c9e/3/. I don't really understand what I've done, seriously. Maybe added another height: 100p; – Buckwheat Mar 07 '16 at 19:57

0 Answers0