Блочная модель документа / Второе испытание [16/23]

Как по середине сделать этот синий квадрат ? И что вообще это такое и что означает ? Спасибо за помощь

Чтобы фон второго блока был виден, задавайте внутренние отступы.

Что-то не могу справиться со Вторым испытанием.
Прошу помочь!

box-sizing и padding нужно задать для input.

2 лайка

Спасибо!

Почти получилось! Что-то немного не дотянул.

Для блока 2 наоборот внутренний отступ 20px, а внешний - 18px.

2 лайка

Ещё раз спасибо! Полдня промучился, но без Вас не справился.
Теперь 100%1

Спасибо! Очень помогли

А так нормально?

.block1 {
box-sizing: border-box;
width: 100%;
border: 2px solid white;
height: 118px;

}
.block2 {
box-sizing: border-box;
width: 480px;
height: 78px;
margin: 18px;
padding: 20px;
}
input {
box-sizing: border-box;
width: 440px !important;
padding: 10px;
}

нет, потому что вот это

очень плохо. Плохо, потому что !important и плохо, потому что ширину задали в пикселях - а на протяжении трех предыдущих заданий речь шла о том, как создавать тянущиеся на всю ширину родителя элементы

А, да раз плюнуть) плохо задавать стили через атрибут в html)
я так написал не потому что не знаю как в % задать, мне так наоборот удобнее. один раз уже потратил пол дня из-за неясности в задании, теперь и в % и в рх сразу пробую, скинул тот, который был последним

input {
box-sizing: border-box;
width: 100%;
padding: 10px;
}

спасибо за замечание)