• Теория
  • Теория

Второе испытание

Используйте полученные знания о тонкостях блочной модели, чтобы пройти это испытание.

Все размеры, которые вам нужно задать, кратны двадцати. Цвет рамки блока — white.

Подобрать правильные размеры вам поможет сетка на фоне. Размеры маленькой ячейки — 20 на 20 пикселей, большой ячейки — 100 на 100 пикселей.

Обратите внимание, что HTML-код заблокирован, а некоторые CSS-свойства в нём заданы в атрибуте style. Это означает, что для решения испытания вам не нужно переопределять эти свойства, а нужно принять их как ограничения.

Для прохождения испытания вам нужно:

  • для .block-1 задать свойство border;
  • для .block-2 — свойства margin и padding;
  • а для .text-input — свойство box-sizing.

Хотите научиться профессионально писать код на самом востребованном языке программирования? Записывайтесь на профессию «React-разработчик», которая стартует 20 мая 2024. Всего от 5790 ₽в месяц.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Блочная модель документа» тренажёра «Боксовая модель и позиционирование» можно после регистрации и оформления подписки.