<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #E7E9EB;
}
#container {
width: calc(100% - 11px);
height: 350px;
background-color: #FFFFFF;
margin: 5px;
border: solid black 1px;
display: flex;
flex-wrap: wrap;
place-content: end end;
}
.bluediv {
background-color: lightblue;
height: 50px;
aspect-ratio: 1;
margin: 2px;
}
</style>
</head>
<body>
<h1>The place-content property</h1>
<div id="container">
<div class="bluediv"></div>
<div class="bluediv"></div>
<div class="bluediv"></div>
<div class="bluediv"></div>
<div class="bluediv"></div>
<div class="bluediv"></div>
<div class="bluediv"></div>
<div class="bluediv"></div>
<div class="bluediv"></div>
<div class="bluediv"></div>
<div class="bluediv"></div>
<div class="bluediv"></div>
<div class="bluediv"></div>
<div class="bluediv"></div>
<div class="bluediv"></div>