Причини появи адаптивної верстки
Створення макету та його складових з розмірами, поданими у відсотках.
Прив'язка до конкретних пристроїв з певною роздільною здатністю екрану
Правила CSS, які дозволяють керувати стилями елементів в залежності від значень технічних параметрів пристроїв.
Гнучкий контейнер, який являє собою спосіб компонування елементів.
За замовчуванням розміщення головної і поперечної осей Flexbox
Параметрами Align-items є...
Параметрами Justify-content є...
Основні особливості адаптивного дизайну
У Медіа-запиті (min-width:900 px) використовується для:
Набір горизонтальних і вертикальних пересічних ліній.
Щоб встановити розміщення блоків Flex-контейнера по центру сторінки, необхідно установити значення атрибутів Justify-content та Align-items
Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома