Dynamiczne układanie div'ów o różnej wyskokości w zależności od szerokości okna

Question

Czy jest możliwość dynamicznego układania div'ów o rożnej wysokości?

Chodzi mi o efekt jak na screenie: https://i.imgur.com/dcUnEkO.png

Próbowałem różnych sposobów. Jednak efekt jest nie do końca taki jak bym chciał: https://codepen.io/online123/pen/VwvGoQP

<div class="under d-flex flex-wrap justify-content-center">
  <div class="box">Flex item 1</div>
  <div class="box">Flex item 2<br/><br/><br/>end</div>
  <div class="box">Flex item 3</div>
  <div class="box">Flex item 4</div>
  <div class="box">Flex item 5<br/><br/>end</div>
  <div class="box">Flex item 6</div>
  <div class="box">Flex item 7</div>
  <div class="box">Flex item 8</div>
  <div class="box">Flex item 9<br/><br/><br/><br/>end</div>
  <div class="box">Flex item 10</div>
  <div class="box">Flex item 11</div>
  <div class="box">Flex item 12</div>
  
</div>

.under {
	width:70%;
	margin:auto;
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
	border: 1px solid green;
	overflow:auto; 
        justify-content:center;
	position:relative;
}

.box {
	text-align:center;
	width:314px;
	padding:10px;
	margin:10px;
	display:inline-block;
	border: 1px solid black;
	align-self:flex-start;
}

body {
	height:100%;
	padding:0px;
	margin:0px;
	flex-direction:column;
	justify-content:center;
	background-color:#262626!important;
	color:#ddd!important;
	font-family: 'Jost', sans-serif;
}

Div'y układają się w wierszach. A powinny przylegać do dołu tego co jest nad nim.

Proszę o pomoc.
Dzięki.

Answer 1

Nie za bardzo wiadomo o co ci chodzi.

O 'efekt taki jak na screenie', mówiąc o dynamicznych zmianach, nie wiele mówi.

Jednak odpowiadając tak ogólnie na twoje pytanie z tytułu, wszelkie zmiany w zależności od szerokości okna to zadanie dla media queries:

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Czyli np.

@media only screen and (max-width: 1200px) {
twoje style
}

Wszystko co wpiszesz wewnątrz podanego powyżej kodu, będzie działać dla szerokości okna 1200 pikseli i poniżej, powyżej 1200px nie zadziała.