- Розрахуйте в пікселах ширину кожного з елементів item-green, item-orange, item-blue
Не бачу ваших розрахунків.
Можна подивитись одразу в браузері ширину кожного елемента, але для кращого розуміння матеріалу, треба зрозуміти що собою являє flex-grow. Якщо буквально перекладати - це значить "гнучко рости".
У нас є 3 елементи шириною 100.
Всього місця - 700. Тобто є 400 "куди рости".
Рахуємо flex-grow суму - 1+0+3=4.
кожен елемент буде рости на flex-grow/4 від вільного простору (400).
Завдання 1
Не бачу ваших розрахунків.
Можна подивитись одразу в браузері ширину кожного елемента, але для кращого розуміння матеріалу, треба зрозуміти що собою являє flex-grow. Якщо буквально перекладати - це значить "гнучко рости".
У нас є 3 елементи шириною 100. Всього місця - 700. Тобто є 400 "куди рости". Рахуємо
flex-growсуму - 1+0+3=4. кожен елемент буде рости на flex-grow/4 від вільного простору (400).тобто де
flex-grow: 1- 1/4 400 + 100 (оригінальна ширина) = 100 + 100 = 200flex-grow: 0(не вказано) - 0/4 400 + 100 = 0 + 100 = 100flex-grow: 3- 3/4 * 400 + 100 = 300 + 100 = 400от вони й "гнучко виросли", зайнявши все вільне місце, пропорційно
flex-growЗавдання 2, 3 - виконані на 100%! Гарна робота!