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

[csswg-drafts] [css-flexbox] Is it ok to use fixed width in pixel to keep fixed consistent spacing between flex items?

From: Jitendra Vyas via GitHub <sysbot+gh@w3.org>
Date: Sat, 23 Sep 2017 17:16:50 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-260023024-1506186998-sysbot+gh@w3.org>
jitendravyas has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-flexbox] Is it ok to use fixed width in pixel to keep fixed consistent spacing between flex items? ==
I check the spec https://www.w3.org/TR/css-flexbox-1/#item-margins It says that we should not margin and padding in percentage but doesn't say that using fixed width like `margin:10px` is fine.

Is this code not following the spec? Mainly the use of `margin` because I want to keep the `margin` always `10px` in this case. 

**CSS**

```
.flex-container {
  display: inline-flex;
  width: 400px;
  height: 250px;
  background-color: lightgrey;
}

.flex-item {
  background-color: cornflowerblue;
  width: 100px;
  height: 100px;
  margin-right: 10px;
}
```

**HTML**
```

<div class="flex-container">
  <div class="flex-item">flex item 1</div>
  <div class="flex-item">flex item 2</div>
  <div class="flex-item">flex item 3</div>
</div>
```

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1831 using your GitHub account
Received on Saturday, 23 September 2017 17:16:41 UTC

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