<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
#container {
height:150px;
width: 150px;
place-items: flex-end;
background-color: #ccc;
}
.flex {
display: flex;
flex-wrap: wrap;
}
div > div {
box-sizing: border-box;
border: 1px solid #666;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
}
#box1{
background-color: #1c87c9;
min-height: 50px;
}
</style>
</head>
<body>
<h2>Пример свойства place-items</h2>
<h3>place-items: flex-end</h3>
<div id="container" class="flex">
<div id="box1">1</div>
</div>
</body>