Параграфы неплохо отображаются на мобильных дисплеях.
Но для больших дисплеев стоит немного подправить.
Давай для всех устройств с шириной дисплея больше, чем 480px, изменим стили параграфа:
размер шрифта должен стать 14px, вертикальные отступы 20px, горизонтальные - 60px....
Твой коллега добавил макет навигации. Но на маленьких устройствах будет выглядит не очень.
Давай немного подправим. Все изменения должны отображаться только на экранах с размером меньше 480px.
Навигация должно размещаться в верхней части экрана на всю его ширину, высотой 50px....
Страница подписок должно хорошо отображаться на всех устройствах.
Для экранов с шириной до 1280px элемент .wrapper должен содержать две колонки шириной 300px.
Для экранов с шириной до 740px элемент .wrapper должен содержать одну колонку шириной 300px....
Весь текст внутри h1, h3, li выглядит слишком большим на экранах, ширина которых меньше 640px.
Давай это исправим. Надо размеры шрифтом для этих экранов уменьшить в 1.6 раза.
Обязательное условие - размер шрифта нужно изменить с помощью другого элемента....
Мы будем разрабатывать лендинг для мобильной игры. Здесь тебе пригодятся все полученные знания! Приступим?
На первом этапе мы добавим заголовок странице.
Заголовок страницы должен быть Mining Empire.
Также давай давай сразу добавим favicon: favicon....
У div.container из второй секции должен быть класс border-bottom.
Этот класс должен добавлять нижнюю границу - 1px solid #dee2e6.
У элемента description-section должен быть верхний отступ 75px.
Максимальная высота и ....
Добавим еще одну секцию .description-section.
Внутри первой колонки будет div.section-image с изображением screen2.png.
Внутри второй колонки будет div.content.
Текст заголовка h1 - Learn with us.
Здесь также будет два параграфа....
Теперь добавим секцию комментариев - section.comments-section.
Структура похожая, но тут будет уже два div.row.
У первого должен быть дополнительный класс one-column, у второго - columns-view.
Внутри первого div.row будет только заголовок h2 с текстом Users are loving Mining Empire....
Тексты для параграфов каждой карточки:
First impressions on first day of launch: stable, and has all the UI parts working fine. as inner text`; I like it it is very fun to play!...
Теперь стилизуем блок комментариев.
Цвет заднего фона .comments-section должен быть #E4ECEE, а верхний отступ 50px, нижний - 32px.
У элемента .one-column должна быть одна колонка.
У элемента .columns-view изначально должно быть три колонки, расстояние между колонками и строками 32px....