Flexbox — это целый модуль, содержащий в себе набор свойств и их значений как для родителя flex-контейнера так и для его дочерних элементов flex-элементов. Основным преимуществом гибкой FLEX разметки является возможность изменять ширину/высоту пространство вокруг и порядок flex-элементов, для того чтобы наилучшим образом заполнить доступное пространство flex-контейнера.
1.
полезные сайты для изучения понимания что такое Flexbox в CSS
FLEXBOX FROGGY — https://flexboxfroggy.com/#ru
2.
Размер flex-элемента (свойство flex: flex-grow, flex-shrink, flex-basis) | Flexbox | CSS — http://shpargalkablog.ru/2016/05/flex.html
3.
Выравнивание элементов во Flex контейнере — https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container
4.
Шпаргалка по FLEXBOX // «Фрилансер по жизни» — https://fls.guru/flexbox.html