Развитие

CSS · Средний уровень - создавай реальные проекты

• Каскад, специфичность и наследованиеНаучись предсказывать, какое правило CSS победит, с помощью специфичности, и используй наследование, чтобы писать меньше кода.
• Flexbox: оси, justify/align, gap, flex-growОсвой две оси Flexbox, чтобы выравнивать, центрировать и распределять элементы в повседневных макетах.
• Grid: колонки, строки, областиСобирай галереи и полные макеты страниц с помощью колонок, строк и именованных областей CSS Grid.
• Позиционирование: relative, absolute, fixed, sticky, z-indexЗакрепляй бейджи, шапки и модальные окна ровно там, где нужно, с помощью позиционирования CSS и продуманной шкалы z-index.
• Адаптивная вёрстка: медиазапросы, относительные единицыПодстраивай интерфейсы под любой размер экрана с подходом mobile-first, медиазапросами и единицами rem, % и vw.