Сетки / Испытание: строим сетку [27/32]

Зарегистрируйтесь, чтобы проходить испытания

Регистрация займёт всего минуту и позволит сохранять прогресс обучения.

Вы можете зарегистрироваться с помощью своей эл. почты и пароля, либо с помощью

ВК ВКонтакте или FB Facebook

×
Курс «Сетки»

Испытание: строим сетку [27/32]

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

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

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

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


Выполнить задание
HTML
<!DOCTYPE html> <html lang="ru"> <head> <title>Испытание: строим сетку</title> <meta charset="utf-8"> </head> <body> Header Menu Promo 1 Promo 2 Left Main Right Footer </body> </html>
CSS
html, body { margin: 0; padding: 0; } body { width: 450px; height: 335px; font-family: "Arial", sans-serif; font-size: 10px; color: white; } /* Используемые цвета: #34495e – мокрый асфальт #c0392b – красный #3498DB – синий */
<HTML Academy>
?

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.