Вспомним о flex-box
Полезно использовать сокращенный вид записи для flex элемента.
flex-grow | flex-shrink | flex-basis
flex: 1 1 10%;
flex-grow - сколько свободного пространства занимает элемент (число ставим, от 0 и выше)
flex-shrink - если контент выходит за пределы родителя это свойство помогает определить степень сжатия. Значение 0 - не сжимать, больше 0 - сжимать
flex-basis - базовый размер флекс элемента вдоль основной оси (auto, 0, единицы измерения - px, rem/em/% ...)
Помимо сокращения записи 3 свойств можно сделать гибкие настройки элементов.
#shorts
