Can you explain why the children in 'topchop' div appearing side by side?
I have not marked the container as a flexbox explicitly. Should the display: flex property ever be inherited from the parent ?
https://codepen.io/AccurateArrowz/pen/OPMaBPy
4 Replies
They don't on my screen
they're wrapped
and as for the display property's inheritance, it does not get inherited by child elements: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/display#formal_definition
those percentages probably are messing things up for you. Particulary the 100% height on the top/bottomChop-childs
