Урок 35 · CSS

Пять взглядов на готовую страницу

Перед JavaScript макет стоит прогнать глазами. Потом скрипт будет менять уже устойчивую страницу.

Почему это следующий шаг

Поля умеют показать ошибку. Этот урок закрывает оформление: дальше страница начнёт реагировать на действия.

Как сделать

Проверь пять вещей: строка текста короче экрана, шапка не просвечивает, фокус виден с Tab, карточки сжимаются в одну колонку, подвал на короткой странице внизу. Исправь то, что ломается на ширине 360 и 1200 пикселей. После этого следующий урок — проверка формы скриптом.

/* перед скриптом */
/* 360px, 1200px, Tab, печать */

Что проверить

• На 360 пикселей нет горизонтальной прокрутки.
• Tab проходит по ссылкам и полям.
• Подвал короткой страницы стоит внизу окна.