<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div id="ground">
<div class="stone"></div>
<div id="wood"></div>
<div class="stone"></div>
</div>
</body>
</html>
body{
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: rgb(255, 99, 71);
}
div{
background-color: rgb(0, 128, 128);
}
#ground{
display: flex;
justify-content: center;
align-items: center;
align-content: space-evenly;
flex-wrap: wrap;
border: solid black;
width: 400px;
height: 400px;
background-color: rgb(245, 222, 179);
}
.stone{
border: solid white 5px;
width: 90px;
height: 90px;
}
#wood{
border: dashed white 5px;
width: 300px;
height: 90px;
}