W3C home > Mailing lists > Public > public-css-archive@w3.org > February 2017

Re: [csswg-drafts] [css-grid] Setting of gutter properties when using the 'grid' shorthand

From: Manuel Rego Casasnovas via GitHub <sysbot+gh@w3.org>
Date: Tue, 14 Feb 2017 12:54:40 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-279699823-1487076879-sysbot+gh@w3.org>
`grid` shorthand resets the gutter properties, but you cannot set 

So if you has the following css:
  grid-gap: 20px;
  grid: 50px 50px / 100px 100px;

The gutters of your grid are reset to 0px.
You'd need to change the order of the properties in the declaration:
  grid: 50px 50px / 100px 100px;
  grid-gap: 20px;

Then you'll have 20px gutters.

Note that `grid-template` shorthand doesn't reset the gutter 

See the examples: http://output.jsbin.com/ligonuv

GitHub Notification of comment by mrego
Please view or discuss this issue at 
 using your GitHub account
Received on Tuesday, 14 February 2017 12:54:50 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:08 UTC