Галерея
Пришли ещё три фото. Мы дали их карточкам те же классы, что у первой (у вас они могли немного отличаться), и расширили страницу, чтобы галерее хватило места. Теперь разместите галерею:
- Карточки расположены в два столбца одинаковой ширины, между столбцами и между строками — по 24 px.
- В каждой карточке автор слева, а кнопка голосования у правого края, на одной строке, и оба выровнены по центру по вертикали.
Посмотрите на галерею и при ширине 375 px: столбцы становятся узкими, но всё помещается. На телефоне лучше один столбец. Менять число столбцов в зависимости от ширины экрана вы научитесь на уроке об адаптивном дизайне.
Задание
- 1
Расположите карточки в два столбца с промежутком 24 px.
- 2
В каждой карточке поставьте автора слева, а кнопку голосования справа, оба по центру по вертикали.