{ CSS snippets }

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

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