Heydon / fukol-grids

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

100% width child

proweb opened this issue · comments

You write

Sometimes you want certain items to be narrower or wider. You can target these using :nth-child

So what I'm doing wrong? http://codepen.io/proweb/pen/yaPRmX

Why first child don't have right margin?

@proweb Well spotted. I've changed the README and demo. You have to use calc to compensate for the gutter:

.fukol-grid > *:first-child {
  flex-basis: calc(100% - 1em);
}