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

Испытание: строим сетку

В этом испытании задача очень простая:

Нужно построить схематичную сетку макета, как в образце. Вы можете писать любой HTML и любой CSS, без каких-либо ограничений.

Единственная тонкость — учитывайте общую ширину макета, которая задана в body. Это сделано, чтобы упростить проверку. И не забывайте пользоваться инструментами для сравнения результата и образца.

Как обычно, все размеры и отступы кратны 5, а используемые цвета перечислены в комментарии в CSS.

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

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

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

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

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

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

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