Баги курса "Блочная модель документа"

Курсы Ошибки в курсах
1

Здравствуйте!
Во втором испытании раздела “Блочная модель документа” для второго блока был прописан следующий код:

.block2 {
    margin: 18px;
    padding: 20px;
}

В минибраузере картинка совпала с образцом, однако, после нажатия кнопки “проверить”, оказалось, что нижняя граница элемента

съехала на 4px ниже, чем должна была. Удалось это поправить добавлением во второй блок строки 
    padding-bottom: 20px;

Хотя, казалось бы, это ничего не должно было изменить.

2

Странно, ничего такого не смог повторить.
Вы border 2p кому прописывали?

3

Попробовал повторить - не получилось. Не могу определённо сказать, в чём тут дело.
Границу прописывал первому блоку.
UPD: На всякий случай перенёс в “Ошибки в курсах”.

4

Ок, спасибо за репорт. Потестили, больше не проявлялось. Будем внимательно следить, возможно ещё проявится на других испытаниях.

5

Странное свойство, которое не влияет на задание, с еще более странным значением :sunglasses:

vertical-align.png1366×768 108 KB
vertical-align1.png1366×768 144 KB

6

Со свойством и значением все в порядке. Но вы правы, в данном случае оно не влияет. Вертикальное выравнивание сделано с помощью line-height.

7

ЕМНИП, выравнивание по вертикали “по середине” задается значением middle (vertical-align: middle). На htmlbook значения center для v-a тоже не обнаружил. Поправьте, если не прав-только начал изучение)

8

Нет, вы правы)) Не заметила.
Огромный плюс за вашу внимательность)

9

Принято)

10

Это, конечно же, ошибка, спасибо, что нашли! :+1:

11

Случайное дублирование кода в 19/23, 20/23

А также пустая строка в CSS-правилах 20/23 и 21/23.

  • Выделанная часть продублирована в 19/23 и 20/23:

  • В данном CSS-правиле по заданию ничего не предусмотрено вписывать, но место “зарезервировано”:

Ошибки отвлекают от задания и вводят в заблуждение, путаницу. :ok_woman:

12

Спасибо, поправил этот момент! :+1:

1 лайк