JSFiddle - React, Tailwind, and code Playground

by moland2006

HTML

<!DOCTYPE html>
<html>
<head>
<title>Задача 2.19</title>
<meta charset="utf-8">
<link href="css/example19.css" type="text/css" rel="stylesheet">
<body>
<div class="container">
	<div class="cell"> <div class="text">150 x 150</div> </div>
	<div class="cell"> <div class="text">150 x 150</div> </div>
	<div class="cell"> <div class="text">150 x 150</div> </div>
	<div class="cell"> <div class="text">150 x 150</div> </div>
	<div class="cell"> <div class="text">150 x 150</div> </div>
	<div class="cell"> <div class="text">150 x 150</div> </div>
	</div>	
</body>
</html>

CSS

.container {
width: 500px;
margin: 10px auto;
background-color: gray;
}

.cell{
display: inline-block;
width:150px;
height:150px;
background-color:black;
}
.text{
	color:white;
}