Alinierea elementelor flex pe părinte cu marginii
Valoarea space-around în proprietatea justify-content stabilește
primului și ultimului element flex un margin
de la marginea părintelui.
La prima vedere ar putea părea că distanța
dintre elemente și dintre elementele de margine
și părinte vor fi egale, totuși, nu este așa
- distanța dintre elemente va fi de 2
ori mai mare decât între părinte și elementul
de margine.
Să ne uităm la un exemplu:
.parent {
display: flex;
justify-content: space-around;
}
Rezultatul executării codului: