Ako môžem umiestniť div prvky tak, ako sú na obrázku [zatvorené] - html, css

ako získať moje prvky div je umiestnený týmto spôsobomtu zadajte popis obrázku

odpovede:

Použite flexbox na napodobnenie usporiadania muriva.

HTML

<div id="container">
<img src="/images/blah1.jpg" alt>
<img src="blah2.jpg" alt>
<img src="blah3.jpg" alt>
<img src="blah4.jpg" alt>
</div>

CSS

div#container {
display: -ms-flexbox;
-ms-flex-direction: column;
-ms-flex-wrap: wrap;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 100%;
max-height: 600px;
width: 500px;
}

div#container img {
width: 50%;
}