§35. Флексбокс, часть 1

Курсы §35. Флексбокс, часть 1
1

Обсуждение курса «Флексбокс, часть 1»

2

Свойство align-content связано и со свойством align-items, которое управляет выравниванием флекс-элментов вдоль поперечной оси.

Не хватает буквы е в слове «элментов».

3

Исправил, спасибо.

4

Здравствуйте. Почему в задании 14, если флекс-элементам задать ширину 196px и они выпадут из контейнера, то их расположение по поперечной оси, а не главной?

5

Не очень понятно свойство order и как происходит расчет, когда его присвоение идет не каждому диву, в частности в 20 задании.

6

image.jpg1111×591 107 KB
ф теплее не становится

7

image
Каким чудесным образом была создана визуализация главной оси?

9

image
image.png782×638 75 KB

Почему блоки стали разными по высоте? Задание 30

10

justify-content:space-between ;

11

В 17/31 сказано

Значение align-items влияет на отображение рядов во флекс-контейнере, если у align-content задано значение stretch . В этом мы убедились в прошлом задании.

Есть ли похожее влияние на остальные значения align-content ? Нет.

Вообще-то есть.
Можно добавить правило .rudolf { height: 50px; } и выполнить задание чтобы это увидеть.

align-items и align-self продолжают влиять на положение элементов внутри строки. Это влияние видно если элемент занимает не всю свою строку по высоте. В первую очередь такое происходит когда строка растянута align-content: stretch, но это не единственный случай. Если один из элементов в строке выше других, то строка растянется, и влияние align-items будет видно на более низких элементах.

12

Было бы весьма эффективно если бы в среднем уровне как и в первом появились вызовы)