<style>
body {
	background-color: lightblue;
	margin: 0;
}

body {
	background-color: lightblue;
	margin: 0;
	font-family: "Impact", sans-serif;
	font-size: 30px;
	text-align: center;
}

@media  {
	.flex {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	
	.cube {
	width: 20px;
	height: 20px;
	background-color: yellow;
	margin: 20px auto;
	padding: 20px auto;		

	}

	body {
		background-color: pink;
	}
}
.flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	
}

.cube {

		width: 50px;
		height: 50px;
		background-color: yellow;
		margin: 40px auto;
		font-size: 40PX;
		text-align: center;
		font-family: 'Impact';
		text-decoration-line: none;
		color:gray;
         
        text-align: center;
}
.cube:hover, {
	transform: scale(1.1);
}
}
</style>