CoderslangJS

Тексты для параграфов каждой карточки: 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....

Размер шрифта параграфа внутри .card должен быть 18px. Высота строки - 32px, текст должен быть сжат на 0.1px. Цвет текст #1F1F1F, нижнее поле - 24px. Каждый .card .user должен быть flex контейнером....

Добавь еще одну секцию .join-section. Структура такая же, как и в предыдущей секции. Отличие только во втором .row - у него должен быть второй класс one-column. В первом .row должен быть один заголовок h2: Join over 10,000+ happy users....

Нужны кнопки, по которым можно скачать приложения. Добавим две ссылки внутри div.app-buttons. Каждая ссылка должна открываться в новой вкладке. Первая ссылка должна вести в AppStore: https://apps.apple.com/us/app/coderslang-learn-programming/id1489105103. Вторая ссылка должна открыть PlayMarket: https://play....

Верхний отступ секции .join-section должен быть 30px, нижний - 50px. .apps-buttons должен быть flex контейнером, который должен центрировать элементы. Высота каждого .platform.large элемента должна быть 70px. Горизонтальные поля .platform.large должны быть 0px 24px....

Также добавим эти же кнопки в первую секцию. Скопируй div.apps-buttons со всеми дочерними элементами и добавь в section.banner-section .content. Замени только класс large на small для элементов platform И сразу добавь стиль для ....

Начнем с добавления навигации. Для начала добавим семантический тег header. Первым дочерним элементом для header будет элемент div.container. Внутри .container (его будет использовать во всех блоках) добавь семантический тег навигации....

Добавим теперь footer, сразу после main. Структура как и ранее: .container, .row. .row должен быть с классом .one-column. Внутри .row.one-column добавь элемент div.copyright, внутри которого добавь параграф. Текст параграфа: © Coderslang 2021 All right reserved....

Время добавить адаптив. Всего будет пять правил для всех типов экранов со следующими max-width: 1400px, 1200px, 992px, 768px, 575px. И сразу изменим max-width .container для каждого правила: 1140px, 960px, 720px, 540px, 90vw, соответственно....