Re: [csswg-drafts] [css-flexbox][css-grid] Choose a single option for resolving padding and margin percent values of grid/flex items

If you have a layout which varies in height but not width (e.g. to accommodate more or less content on different pages) then proportional spacing being relative to width makes sense as the width will remain constant and predictable as the height varies, so the spacing will not vary with how much content the layout contains. Generally you want spacing around an element to be the same in px horizontally and vertically or it looks odd.

However, if you happened to want to have a layout which extended _vertically_ to contain more content, you would actually want an asymettrical proportionality based on _height_. This suggests the addition of a CSS context property e.g. layout-base: { vertical | horizontal | independent } which could apply to how this works on all children with a default of horizontal.

-- 
GitHub Notification of comment by jamesej
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2085#issuecomment-353170689 using your GitHub account

Received on Wednesday, 20 December 2017 20:14:12 UTC