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

Флексбокс (Flexible Box Layout) — это инструмент в CSS, предназначенный для построения более эффективных, гибких макетов. Он облегчает размещение элементов в контейнере так, чтобы они могли растягиваться и сжиматься в зависимости от доступного пространства. Это особенно полезно для создания отзывчивых (responsive) и адаптивных (adaptive) веб-макетов, где элементы на странице должны корректно отображаться на устройствах с различными размерами экрана.

CSS (Cascading Style Sheets) — это язык стилей, используемый для описания визуального представления документа, написанного на языке разметки, таком как HTML. CSS позволяет веб-разработчикам создавать стилистически разнообразные веб-страницы, управляя всем, от макета и цветов до шрифтов и анимаций. В основе работы CSS лежит принцип разделения контента (HTML) и оформления (CSS), что значительно упрощает разработку и поддержку веб-сайтов.

Адаптивный веб-дизайн — это подход к разработке веб-сайтов, при котором дизайн страницы автоматически адаптируется под размер экрана и ориентацию устройства, с которого она просматривается. Это достигается за счёт использования гибких сеток, медиазапросов и адаптивных изображений. Главная цель адаптивного дизайна — обеспечить комфортный просмотр веб-сайта на любом устройстве, будь то смартфон, планшет, ноутбук или десктоп.