Начнем с адаптивом для самых маленьких экранов (575px).
- ссылки внутри
.apps-buttons
должны располагаться в колонку; - у ссылок внутри
.apps-buttons
не должно быть левого поля; - ссылки внутри
.apps-buttons
для.join-section
должны быть выравнены по-центру (используй margin); - у
.columns-view
для комментариев должна быть одна колонка; - максимальная ширина
.section-image img
должна быть80vw
; - у
.description-section .content
не должно быть верхнего отступа; .header-btn
должна быть скрыта.
Перейдем к эранам побольше (768px):
- размер шрифта
.content h1
должен быть34px
; - высота строки
.content h1
должен быть40px
.
Для экранов до 992px:
- высота строки
.content h1
должен быть46px
; - размер шрифта
.content h1
должен быть40px
.
Для экранов до 1200px:
- высота строки
.content h1
должен быть60px
; - размер шрифта
.content h1
должен быть70px
.
Эта задача — часть курса по Full-Stack JavaScript.
Ты можешь задать свой вопрос в комментариях под постом.
Если ты уже решил задачу, то не стесняйся помочь другим.