<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
Rerun