/* AUTO GRID: Set the minimum item size with `--auto-grid-min-size` and you'll get a fully responsive grid with no media queries. */

.grid-three {
--auto-grid-min-size: 30rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
grid-gap: 1rem;
padding:0;
margin:0;
}

/* Presentational styles */
.grid-three-body {
	background: #ccc;
	padding: 1rem;
	line-height: 1.5;
	text-align: center;
	margin: auto;
	padding:0;
	width: 95%;
}

.grid-three-li {
	text-align: center;
	font-size: 150%;
	border: 0px dashed #919191;
	background: #ccc;
	color: inherit;
	list-style: none;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* USAGE */