W3C home > Mailing lists > Public > public-css-archive@w3.org > December 2016

Re: [csswg-drafts] [css-grid] Stretching image grid items in both dimensions

From: Manuel Rego Casasnovas via GitHub <sysbot+gh@w3.org>
Date: Thu, 01 Dec 2016 08:14:08 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-264106069-1480580046-sysbot+gh@w3.org>
Just trying to clarify the issue, the part in which there is 
disagreement is in the difference between `normal` and `stretch`.

By default, everything is `normal` so aspect ratio will be always 
preserved in that case.

But for `stretch` there are 2 proposals:
1. By @fantasai: It always preserves aspect ratio, unless it's set in 
both axis (`align-self` and `justify-self`).
2. By @MatsPalmgren: It breaks aspect ratio, so it makes a difference 
between `normal` and `stretch`.

![Example of both 
options](https://cloud.githubusercontent.com/assets/11602/20786409/317d40ca-b7a6-11e6-8993-cf84d64dbe64.png)

Note that if you use `justify-self: normal`, the behavior is going to 
be always 1).

Also see the difference in the example above, using the current 
implementation by Firefox that follows option 2):
![Example of normal vs 
stretch](https://cloud.githubusercontent.com/assets/11602/20786317/8b0beeda-b7a5-11e6-923b-a8fef42d522d.png)


-- 
GitHub Notification of comment by mrego
Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/523#issuecomment-264106069 
using your GitHub account
Received on Thursday, 1 December 2016 08:14:14 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 19 October 2021 01:30:26 UTC