:doodle { @grid: 100x1 / 100vmax; } :container { @size: 125%; transform: scale(8) translateY(17.5%) translateX(-20%) rotate(315deg); } @place-cell: center; border-radius: 50%; transform: rotate(@rand(-.5deg, .5deg, .1)); height: 20%; width: calc( 100% - @calc(@index() -1) * 100% / @size() ); background: @pick( #1f0538, #3d0f66, #5a1c93, #772bbf, #9244e4, #a96bf4, #bd93f9, #d2b8fb, #e8dcfd );

CSS Grid vs Flexbox: How to decide (with examples)

CSS Grid vs Flexbox: How to decide (with examples)

<e//y>