flex

Question 1

Как можно внутри flex контейнера 1 элемент взять и расположить не первым допустим а 3м через какое свойство

Answer 1

order: 3;

Question 2

order: 3;

Answer 2

Как можно внутри flex контейнера 1 элемент взять и расположить не первым допустим а 3м через какое свойство

Question 3

height либо width какое могут иметь свойство чтобы по содержимому выравниваться

Answer 3

height: fit-content;

Question 4

height: fit-content;

Answer 4

height либо width какое могут иметь свойство чтобы по содержимому выравниваться

Question 5

С помощью какого свойства можно выравнивать элементы по главной оси внутри контейнера?

Answer 5

justify-content: center;

Question 6

justify-content: center;

Answer 6

С помощью этого свойства можно выравнивать элементы по главной оси внутри контейнера

Question 7

Как стартовую позицию либо конечную указать

Answer 7

flex-end, flex-start

Question 8

Какое значение использовать в justify-content чтобы отодвинуть элементы друг от друга на одинаковое расстояние?

Answer 8

space-between

Question 9

space-between

Answer 9

значение использовать в justify-content чтобы отодвинуть элементы друг от друга на одинаковое расстояние

Question 10

Одинаковые отступы со всех сторон а flex

Answer 10

space-around

Question 11

space-around

Answer 11

Одинаковые отступы со всех сторон а flex

Question 12

Выравнивание элементов внутри контейнера по второстепенной оси

Answer 12

align-items: center;

Question 13

Как удалить одну строку в vscode сочетанием

Answer 13

ctrl + shift + k

Question 14

Выравнивание отдельно взятого элемента

Answer 14

align-self:;

Question 15

При переполнении перенести элементы на новую строку

Answer 15

flex-wrap: wrap;

Question 16

flex-wrap: wrap;

Answer 16

При переполнении перенести элементы на новую строку

Question 17

flex-basis: 33%;

Answer 17

Сделать элементам по главной оси ширину/высоту (опционально) определенную

Question 18

Сделать элементам по главной оси ширину/высоту (опционально) определенную

Answer 18

flex-basis: 33%;

Question 19

Сделать отдельному элементу при изменении ширины ужатие адаптацию быстрее в x колличество раз

Answer 19

flex-shrink: 2; // В 2 раза

Question 20

flex-shrink: 2; // В 2 раза

Answer 20

Сделать отдельному элементу при изменении ширины ужатие адаптацию быстрее в x колличество раз

Question 21

flex-grow: 2;

Answer 21

Сделать чтобы элемент 2/4 допустим части занимал. А вообще это свойство может и в родительском указываться допустим чтобы элементы все по 1 части занимали а потом в определенном элементе можно сделать 2 или 3

Question 22

Сделать чтобы элемент 2/4 допустим части занимал. А вообще это свойство может и в родительском указываться допустим чтобы элементы все по 1 части занимали а потом в определенном элементе можно сделать 2 или 3

Answer 22

flex-grow: 2;