Твой коллега указал элементу <span> ширину 200px. Но <span> - это строчный элемент и ему нельзя задавать ширину. Измени отображение элемента <span>, что бы он продолжил находится в тексте и работало свойство ширины....
Пришли срочные правки от дизайнера - нужно временно скрыть второй параграф. Используй для этого свойство display, стили указывай с помощью идентификатора hidden. Эта задача — часть курса по Full-Stack JavaScript...
Твой коллега указал блоку <div> ширину 100vw. Он ожидал, что блок будет шириной именно с ширину окна. Также он добавил блоку padding и border. Блок стал шире окна, из за чего внизу появился горизонтальная прокрутка....
Нужно добавить flex модуль на страницу. Блок с классом container должен стать flex-контейнером. Элементы должны распределяться с одинаковым расстоянием между ними. Эта задача — часть курса по Full-Stack JavaScript...
Давай немного выровняем расположение элементов. Блок с классом container должен быть flex-контейнером. Элементы внутри flex-контейнера по вертикали должны быть по середине. По горизонтали элементы должны быть выровнены с одинаковым расстояние между ними и краями контейнера....
Давай попробуем отобразить длительность с помощью flex. Сделай блок с классом container flex-контейнером. Среди всех flex элементов надо распределить свободное пространство. Первому надо отдать только 1 единицу, второму в два раза больше, третьему 6...
Цифры идут в неправильном порядке, а элементы еще и не помещаются в одну строку. Сделай так, чтобы элементы располагались на несколько строчек. В каждой строке цифры должны идти в правильном порядке....
С помощью flexbox легко делать боковую навигацию. Достаточно сделать блок с классом nav flex-контейнером и распределить в нем элементы колонкой. Еще стоит добавить ширину, скажем 150px. Элементу body укажи margin 0px....
Давай немного украсим нашу навигацию. Задай задний фон блоку .nav цвет заднего фона #E5E8EF. Добавь блоку .nav блоку вертикальный padding 10px, горизонтальный - 15px. Высота блока навигации должна быть во всю страницу, давай укажем 100vh....
Каждой ссылке с классом nav-item добавь снизу поля 15px и padding 5px. Цвет заднего фона должен быть #bac2d5, а цвет теста - #232324. Также стоит убрать нижнее подчеркивание у ссылки (используй свойство text-decoration)....