<div class="container">
	<div class="item item1">1</div>
	<div class="item item2">2</div>
	<div class="item item3">3</div>
	<div class="item item4">4</div>
	<div class="item item5">5</div>
	<div class="item item6">6</div>
	<div class="item item7">7</div>
	<div class="item item8">8</div>
	<div class="item item9">9</div>
	<div class="item item10">10</div>
</div>
.container {
	background-image: linear-gradient(to right bottom, #ffa400, #e74c3c);
	height: auto;
	padding: 50px;
	display: grid;
	grid-template-columns: 1fr;
}
.item {
	color: black;
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
	padding: 10px;
	background-color: #fff;
	border-radius: 4px;
	border: 2px solid orange;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.