Какие существуют способы управления пространством между элементами во флексбоксе?

Некоторые способы управления пространством между элементами во флексбоксе:

• justify-content. htmlacademy.ru habr.com Свойство распределяет элементы по главной оси. htmlacademy.ru Некоторые значения: flex-start (элементы стоят в начале оси), flex-end (в конце), center (по центру), space-between (элементы равномерно распределены вдоль главной оси, при этом первый элемент располагается в начале, а последний — в конце), space-around (расстояние между крайними элементами и флекс-контейнером равно половине отступа между соседними флекс-элементами), space-evenly (отступы между соседними элементами и краями флекс-контейнера равны). htmlacademy.ru
• align-items. htmlacademy.ru Свойство отвечает за выравнивание элементов по поперечной оси. htmlacademy.ru По умолчанию у него значение stretch, то есть элементы растягиваются вдоль всей оси. htmlacademy.ru Другие значения: flex-start (элементы идут в начале оси), flex-end (в конце оси), center (в центре оси), baseline (элементы размещены по базовой линии). htmlacademy.ru
• align-self. htmlacademy.ru Свойство выравнивает отдельный элемент по поперечной оси. htmlacademy.ru Значения align-self такие же, как у align-items. htmlacademy.ru
• align-content. htmlacademy.ru С помощью этого свойства можно выравнивать не только элементы, но и ряды флекс-элементов вдоль поперечной оси. htmlacademy.ru По умолчанию у align-content значение stretch — то есть ряды флекс-элементов растягиваются, и свободное пространство делится между ними пополам. htmlacademy.ru
• gap. wp-kama.ru doka.guide С помощью этого свойства можно задавать отступы между строками и столбцами. doka.guide Является краткой записью свойств row-gap и column-gap. doka.guide Может иметь одно или два значения. doka.guide Если указано только одно, то column-gap автоматически равен row-gap. doka.guide Если указаны два значения, то первое будет задавать отступы между рядами (row-gap), а второе — между колонками (column-gap). doka.guide