- Теория
- Теория
Испытание: Фильмография
Кекс решил составить каталог фильмов, и без вашей помощи не обойтись.
Вам предстоит сверстать несколько карточек фильмов. Между карточками нужно добавить отступ. Используйте для этого margin-bottom
.
Содержимое карточек нужно отцентровать по вертикали и разделить на две колонки: в первой — название фильма, во второй — список тегов.
У списка тегов следует убрать внешние отступы по умолчанию и переопределить внутренние. Элементы списка должны быть выстроены горизонтально слева направо. Если они не помещаются на одной строке, то должны переноситься на следующую. Каждому элементу списка нужно добавить свои внешние отступы.
В элементы списка вложены ссылки. Им нужно добавить внутренние отступы. И не забудьте изменить у ссылок тип бокса. Обратите внимание, иконка слева у элемента списка не является частью ссылки.
Решение
Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.
.movie {
display: grid;
grid-template-columns: 1fr 235px;
align-items: center;
margin-bottom: 10px;
}
.tags-list {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 15px;
}
.tag {
margin: 5px;
}
.tag-link {
display: block;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.