{ CSS snippets }

Dave Rupert

Dave Rupert @davatron5000

TIL a `position: fixed` element (e.g. modal) in Chrome & Firefox behaves like `position: absolute` when parent has `will-change: transform`

CSS
CodePen.IO

CodePen.IO @CodePen

Need named grid lines in Sass? For now, you'll need to use a variable. $cols: "[foo] 1fr [bar] 1fr"; grid-template-columns: #%7B$cols%7D;

CSS
Adam Wathan

Adam Wathan @adamwathan

๐Ÿ”ฅ Number one reason I use Less instead of Sass: Classes as mixins and order-independence means I can build components from my utilities ๐Ÿ‘Œ๐Ÿป https://t.co/9BHQwITLDV

CSS
CSS Grid

CSS Grid @CSSGridTips

Have you not tried CSS Grid yet? Do! Open codepen.io. Make a list. On the <ul>, apply `display:grid; grid-template-columns: 1fr 1fr 1fr;`

CSS