grid

<!DOCTYPE html>
<html>
<head>
	<title>Using Grid</title>
	<style type="text/css">
		.grid {
			background-color: green;
			display: grid;
			padding: 20px;
			grid-column-gap: 20px;
			grid-row-gap: 10px;
			/*grid-template-columns: 200px 200px auto;*/
			grid-template-columns: auto auto auto auto;
		}

		.grid-item {
			background-color: white;
			font-size: 20px;
			padding: 20px;
			text-align: center;
		}
	</style>
</head>
<body>
	<div class="grid">
		<div class="grid-item">1</div>
		<div class="grid-item">2</div>
		<div class="grid-item">3</div>
		<div class="grid-item">4</div>
		<div class="grid-item">5</div>
		<div class="grid-item">6</div>
		<div class="grid-item">7</div>
		<div class="grid-item">8</div>
		<div class="grid-item">9</div>
	</div>
</body>
</html>