Flex elemek igazítása a szülőhöz margókkal
A space-around érték a justify-content tulajdonságban
margót ad az első és az utolsó flex elemnek
a szülő szélétől.
Első pillantásra úgy tűnhet, hogy a távolság
az elemek között és a szélső elemek
és a szülő között egyenlő lesz, azonban ez nem így van
- az elemek közötti távolság 2
alkalommal nagyobb lesz, mint a szülő és a szélső
elem között.
Nézzük meg egy példán:
.parent {
display: flex;
justify-content: space-around;
}
A kód végrehajtásának eredménye: