Виталий!

Первым делом, нужно поставить ссылки и кнопки вниз: сначала я замечаю картинку, потом читаю текст и только после этого решаю, переходить ли по ссылке —

Очевидно, картину хочется сохранить квадратной. Не знаю, можно ли просто увеличить высоту карточки, но давайте ради интереса постановим, что нельзя. Попробуем упихнуть информацию в оставшееся место. Первым делом просто подожмём кнопки и вертикальные расстояния:

Теперь поработаем с информацией. Рейтинг явно выпадает из общего ряда и достаточно независим, поставим его в свободный уголок фотографии. Масса вполне будет считываться и без иконки. Передержку и выгул ничто не мешает уподобить станции метро и массе. Вуаля:

Глядя на одну карточку, невозможно понять, может ли быть больше тегов. Если да, то значит у нас может появиться вторая и третья строка. Я бы предложил рассмотреть возможность избавиться от внешней белой плашки — и тогда карточки разной высоты будут более симпатично соседствовать друг с другом.

P. S. Уверенно верстать без плашек я учу на курсе «Типографика и вёрстка». Записывайтесь, пока есть места.

Типографика в вебеДоработка вёрсткиНоситель: сайт
Отправить
Поделиться
Запинить

Комментарии

Как‑то непривычно, что метро, вес и услуги без запятых. Ну или разделителей типа точек или линий вертикальных. Получается всё смешалось по смыслу. Разве нет?

13 мар 2025

Алла, да, это нужно починить. Самое простое и эффективное в плане компактности — написать всё через запятую. В совете я не стал этого делать, чтобы сэкономить время.

13 мар 2025

Рекомендуем другие советы