CodePen Embed - minmax()

<div class="grid">
	<div class="padding"></div>
	<div class="column"></div>
	<div class="column"></div>
	<div class="column"></div>
	<div class="column"></div>
	<div class="column"></div>
	<div class="column"></div>
	<div class="column"></div>
	<div class="column"></div>
	<div class="column"></div>
	<div class="column"></div>
	<div class="column"></div>
	<div class="column"></div>
	<div class="padding"></div>
</div>

* {
	box-sizing: border-box;
}

.grid {
	display: grid;
	grid-template-columns: repeat(14, minmax(auto, 1fr));
	grid-gap: 10px;
}

.column {
	height: 100vh;
	background-color: #8e12cc;
}

.padding {
	height: 100vh;
	background-color: #7cc8d6;
}

View Compiled

This Pen is owned by Michelle Barker on CodePen.

See more by @michellebarker on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.