Выбор ответа Junior Flexbox обновлено
Ширины при разных flex
Вопрос
Контейнер шириной 400px, без gap и отступов, содержимое у элементов короткое. Какой будет ширина каждого?
.row { display: flex; width: 400px; }
.a { flex: 1; }
.b { flex: 2; }
.c { flex: 1; }
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: 100px, 200px, 100px. У flex: 1 и flex: 2 basis равен 0, значит всё место (400px) делится по коэффициентам 1 : 2 : 1, то есть 100, 200, 100.
Варианты ответа
- 133px, 133px, 133px
- 100px, 200px, 100pxправильный ответ
- Зависит от длины текста в каждом элементе
- 100px, 100px, 200px
Разбор
У flex: 1 и flex: 2 basis равен 0, значит всё место (400px) делится по коэффициентам 1 : 2 : 1, то есть 100, 200, 100. Поровну было бы при одинаковых коэффициентах. От текста ширины зависели бы при flex: auto или если содержимое шире своей доли.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.