ПР04. Адаптивный веб-сайт
Задача - разработать адаптивный веб-сайт.
Наполнение сайта контентом необязательно. Допускается разделить страницу на основные блоки("подкрасив их").
Критерии оценивания
- отсутствие горизонтальных скроллов при любом разрешении экрана(до 480px)
- использование Flexbox или Grid Layout
- для отслеживания ширины экрана используется @media
- качество реализации процесса изменения сайта от одной контрольной точки до другой
- видоизменение каркаса сайта на каждой контрольной точки(контрольные точки представлены ниже)
- использование JS или различных библиотек и фреймворков ЗАПРЕЩЕНО; только HTML5/CSS3
В качестве контрольных точек берутся следующие диапазоны ширины экрана
- больше или равно 1280px
- больше или равно 1024px но меньше 1280px
- больше или равно 800px но меньше 1024px
- больше 480px но меньше 800px
- менее 480px
В результате на выходе должно получиться 5 разных стилей оформления сайт, подстроенных под конкретную ширину экрана.
Наполнение сайта контентом необязательно. Допускается разделить страницу на основные блоки("подкрасив их").