Если размер карточек зависит от размера картинки.
Нужно поменять ширину карточки с 330 на 280.
Что нужно сделать?
Хотя чаще делают наоборот, ширина картинки определяется шириной карточки.
На данный момент считаю, что удобнее всего аналогичные задачи решаются гридами и чем-то вроде auto-fill (или auto-fit) и minmax(280px, 1fr).
Но если хотите конкретные значения, ну и пишите фиксированные в px.
И не задавайте высоту в верстке, обычно мы не знаем сколько будет контента. Если нужно, ограничивайте минимальной или максимальной. Кроме случаев, когда действительно нужна фикс высота блоку, ане в зависимости от контента.
Упорно считаю, что качество жизни лучше у тех, кто занимается тем к чему по настоящему лежит душа. (Балбесов, хорошо лежащих на диване и подобных, во внимание не берем)
Верстку люблю очень, а js не доставляет особой радости за редким исключением. И почему-то мне встречается полно компаний разработчиков, которые не хотят заниматься версткой и очень радуются, что можно отдать её кому-то (желательно толковому).
Другой аргумент: в верстке в любом случае хорошо бы разбираться, даже если потом не будете верстать сами. Отличать хорошо от плохо и понимать что вообще можно сделать и какими способами.
alpprom63, понадеялась на ваш разум и умение делать ctrl+c ctrl+v. Но видимо, да и это оказалось слишком заумным. Приношу извинения.
Уточняю: добавьте атрибут href самостоятельно.
Про 100vh сказали. Только не забудьте про волшебные хаки, чтобы он работал как вам понравится.
А главное, подумайте, а лучше нарисуйте, как будет вписываться контент при разных размерах. Иногда это бывает просто, а иногда не очень, в зависимости от этого самого контента.
Михаил, можно определять что это мобилки и показывать (гуглится).
Можно использовать @mediaпри котором показывать специальное созданное меню.
Можно использовать @mediaпри котором перестраивать основное меню и показывать его прибитым к низу окна (position fixed|sticky).
Вот и сделайте песочницу codepen.io так, чтобы и мы могли увидеть проблему.