O galerie de imagini în care fiecare ocupa 45% din lățimea disponibilă
<div style="display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start;">
<img
src="https://d3tycb976jpudc.cloudfront.net/demo-assets/body-of-water-and-trees.jpg"
alt="Body of water and trees"
style="width: 45%; margin-bottom: 1em" />
<img
src="https://d3tycb976jpudc.cloudfront.net/demo-assets/alpaca-portrait.jpg"
alt="Alpaca portrait"
style="width: 45%; margin-bottom: 1em" />
<img
src="https://d3tycb976jpudc.cloudfront.net/demo-assets/lion-portrait.jpg"
alt="Lion portrait"
style="width: 45%" />
<img
src="https://d3tycb976jpudc.cloudfront.net/demo-assets/snow-capped-mountains.jpg"
alt="Snow capped mountains"
style="width: 45%" />
</div>
Atributul style este folosit pentru a stiliza elementele. Încă nu am ajuns la acel capitol deci nu-ți fă griji dacă nu înțelegi acel cod.
Totuși va trebui să-l pui acolo pentru a obține același rezultat ca mai sus.