CSS playground

• display: flex | inline-flex
• flex-flow: <‘flex-direction’> || <‘flex-wrap’>
• flex: none | [ <‘flex-grow’> <‘flex-shrink’>? || <‘flex-basis’> ]
• display: grid | inline-grid
• grid: <'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>
• grid-area: <grid-line> [ / <grid-line> ]{0,3}
• CSS line-clamp generator