Техническое задание: Адаптивная верстка сайта

Цель проекта

Преобразовать существующий одностраничный HTML-сайт, основным элементом которого является таблица, в полностью адаптивный. Сайт должен корректно отображаться и функционировать на устройствах с шириной экрана от 200 до 3000 пикселей.

Исходные данные

• Имеется готовый HTML-код страницы.
• Основной контент страницы организован в виде таблицы (<table>).
• Стили и скрипты, если они есть, могут потребовать доработки или полного пересмотра.

Основные требования

Адаптивность

• Реализовать плавное и корректное изменение макета таблицы и всей страницы при изменении ширины окна браузера.
• Обеспечить читаемость и удобство использования на экранах от очень маленьких (смартфоны, 200px) до очень больших (мониторы, 3000px).
• Продумать поведение таблицы: возможно, потребуется горизонтальная прокрутка на малых экранах, преобразование в карточки или другие адаптивные техники.

Качество верстки

• Кроссбраузерная совместимость (последние версии Chrome, Firefox, Safari, Edge).
• Чистый, валидный и хорошо структурированный код.
• Учесть различные плотности пикселей (Retina-дисплеи).

Результат работы

• Готовый HTML-файл (и сопутствующие CSS-файлы, если они используются) с полностью адаптивным дизайном.
• Сайт должен проходить базовую проверку на адаптивность в инструментах разработчика браузера.