grid - autofill, autofit

<div class="grid-container">
		<div class="grid-item">A</div>
		<div class="grid-item">B</div>
		<div class="grid-item">C</div>
	</div>

.grid-container {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(200px, auto));
	}

auto-fill을 사용하면 최소 값을 유지하며 화면을 전부 채워주지는 않는다.

.grid-container {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, auto));
	}

auto-fit을 사용하면 자동으로 화면을 채워준다.