Worksheets5. WB January RU
Total questions: 20
Worksheet time: 10mins
Как сделать элемент flex-контейнером?
flex: 1;
display: flex;
flex-direction: row;
align-item: flex;
С какой осью работает свойство align-items?
С главной
С вспомогательной
Какое значение НЕ может принимать justify-content?
flex-end
space-around
center
flex
Как изменить направление главной оси?
С помощью свойства flex-direction
Изменить display: flex на display: flex-reverse;
align-items: flex-start;
justify-content: flex-start;
Задает одинаковое расстояние между блоками, но не между контейнером и квадратами.
space-around
flex-end
space-between
center
Для чего нужна свойство order?
Устанавливает порядок следования элемента относительно других
Размещает элемент по центру
Размещает элемент в начале контейнера
Позволяет выравнивать элементы отдельно вдоль вспомогательной оси
Как растянуть элемент на всю высоту контейнера?
align-self: baseline;
align-self: stretch;
align-self: center;
justify-content: stretch;
Какой стиль применен к элементу 1?
align-self: baseline;
align-self: stretch;
align-self: center;
justify-content: center;
С какой осью работает justify-content?
С главной
С вспомогательной
Какое значение свойства justify-content продемонстрировано на картинке?
center
space-around
space-between
flex-start
Какое свойство можно заменить на flex-basis?
высота
flex-grow
ширина
flex-shrink
Что будет, если для элемента указать свойство flex-shrink: 0?
Он сожмется до 0px
Ему будет запрещено сжиматься
Этот элемент будет сжиматься как обычно
Элемент взорвется
Как правильно сократить следующие свойства: flex-basis: 100px; flex-grow: 1; flex-shrink: 2;
flex: 100px 1 2;
flex: 2 1 100px;
flex: 1 2 100px;
flex: 1 100px 2;
Необходимо разместить элементы по центру относительно оси X и Y. Какой способ правильный?
align-items: baseline; flex-direction: column;
align-items: flex-start; justify-content: center;
align-items: center; justify-content: center;
align-self: center;
Как работает свойство flex-grow?
Указывает размеры элемента
Указывает, сколько свободного места может занимать элемент относительно других элементов
Указывает, на сколько элемент может сжиматься относительно других элементов
Указывает, на сколько увеличить элемент
Какой медиа-запрос сработает, когда ширина экрана будет меньше 800px?
@media all and (min-width: 800px){}
@media all and (width: 800px){}
@media all and (max-width: 800px){}
@media all and (min-height: 800px){}
Если вам нужно будет добавить элементы в столбик. Какая свойство может помочь?
justify-content: center;
align-items: flex-start;
flex-direction: column;
flex-direction: row;
Необходимо изменить порядок следования элементов (1,2,3,4,5 и нужно 2,1,3,4,5). Какое свойство решит задачу?
order
align-items
position
flex
Как убрать кружки из неупорядоченного списка (ol)
text-decoration: none;
list-decoration: none;
display: none;
list-style: none;
