FrontEnd.ro logo

DEMO

O galerie de imagini în care fiecare ocupa 45% din lățimea disponibilă

Body of water and treesAlpaca portraitLion portraitSnow capped mountains

<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.

E vreo problemă cu acest demo? Corectează-l pe GitHub