Как сверстать такой блок?

Question

[Lvan226]

Всем привет, как можно сверстать такой блок. Необходимо чтобы картинки были всегда квадратными. Я знаю что есть вариант через padding-bottom 100%. Но у меня картинки на абсолюте. А контент двигает родитель этих картинок которому задана высота. Надеюсь понятно объяснил. Можно ли сделать не переверстывая все заново? Квадратные картинки необходимо получить начиная ниже 992px. Ссылка на сайт . Еще есть контент, который тоже должен быть квадратным, хотя это необязательно, но желательно.

Answer 1

[Александр]

@media screen and (max-width: 992px) {
    img {
        width: 100vmin;
        height: 100vmin;
    }
}

Comments

[Lvan226]

Спасибо вам, такое простое решение, сам не смог додуматься) Вот так всегда когда работаешь над проектом, начинаешь забывать простые решения