Найпростіший спосіб встановити мінімальну відстань між елементами flexbox – використовуємо margin: 0 5px для дочірніх елементів. item та негативний відступ margin: 0 -5px для батьківського контейнера .Feb 8, 2019
Внутрішній відступ можна, можливо зробити через CSS властивість padding. Воно набуває значення аналогічно властивості margin.Для цього використовуйте властивості:
- padding-left – відступ ліворуч
- padding-right – відступ справа
- padding-top – відступ зверху
- padding-bottom – відступ знизу
Зміна основної осі Якщо змінити flex-direction на column, align-items та align-self будуть зрушувати елементи вліво або праворуч.
Але є обмеження: flex-контейнер може мати тільки псевдоелементи :: before і :: after. Це означає, що ми можемо створити лише 2 переноси рядки. Щоб це дозволити, ви можете генерувати псевдоелементи всередині flex-Елементів замість flex-Контейнера. У такий спосіб ви не будете обмежені двома.