Tune grid-template-columns, gap and item alignment with a live preview — copy-ready CSS, 100% in your browser.
grid-template-columns
8
8
6
Add columns and set each to fr / px / auto / %. Set row-gap and column-gap, choose justify-items and align-items, and pick how many grid children to render. The preview and CSS update live.