/**
 * CSS Grid Example 1
 */

.grid-container{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}


/* Grid-item-colors */
.grid-item{ text-align: center; }
.blueviolet-box{ background-color: blueviolet; color: white; }
.aqua-box{ background-color: aqua; }
.coral-box{ background-color: coral; color: white; }
.darkred-box{ background-color: darkred; color: white; }
.dodgerblue-box{ background-color: dodgerblue; color: white; }
.fuchsia-box{ background-color: fuchsia; color: white; }
.goldenrod-box{ background-color: goldenrod; color: white; }
.indigo-box{ background-color: indigo; color: white; }
.indianred-box{ background-color: indianred; color: white; }
.deepskyblue-box{ background-color: deepskyblue; color: white; }
.orange-box{ background-color: orange; color: white; }
.yellowgreen-box{ background-color: yellowgreen; }