Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить flex-basis?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`flex-basis`** задає початковий розмір flex-елемента вздовж головної осі, перед тим як будуть застосовані `flex-grow` і `flex-shrink`; це «базова ширина» (або висота при `column`), з якої елемент стартує в розрахунках. **Ключове:** `flex-basis` - це стартовий розмір flex-елемента до розподілу вільного простору.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`flex-basis` задає **початковий розмір flex-елемента вздовж головної осі**, перед тим як будуть застосовані `flex-grow` і `flex-shrink`. Тобто це «базова ширина» (або висота, якщо `flex-direction: column`), з якої елемент стартує в розрахунках. Приклади: ```css .item { flex-basis: 200px; /* елемент спочатку займає 200px */ } ``` Якщо `flex-direction: row` → `flex-basis` працює як ширина. Якщо `flex-direction: column` → `flex-basis` працює як висота. Особливі випадки: ```javascript flex-basis: auto; /* розмір береться з width/height або вмісту (типова поведінка) */ flex-basis: 0; /* ігнорувати контент і ділити вільне місце лише за flex-grow */ ``` Коротко: `flex-basis` **- це стартовий розмір flex-елемента до розподілу вільного простору.**Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.