Як зробити флекс блоки однакової ширини

Як зробити всі Flex елементи однакової висоти?

Повторне написання властивості display:flex для дочірніх елементів гарантує однакову висоту елементів у рядках. Це рішення відмінно працює в останніх версіях браузерів Chrome, Android, Safari, Opera, Firefox та Internet Explorer 10+.

Як дозволити Flex елементам зростати завширшки?

Дозволити перенесення flex-елементів на нові лінії здійснюється за допомогою установки flex-контейнеру CSS властивості flex-wrap зі значенням wrap або wrap-reverse . Значення wrap та wrap-reverse CSS-властивості flex-wrap визначають напрямок поперечної осі.