Как сделать картинки одного размера?

Question

[Александр Коновалов]

Здравствуйте! Как сделать картинки категорий одинакового размера?


https://vk.cc/9jIAgo

Answer 1

[Stalker_RED]

background-size cover или contain

Comments

[Александр Коновалов]

Stalker_RED картинки не через background добавлены

[Stalker_RED]

Александр Коновалов, еще можно выбрать какой размер вам нужен, прописать в css min-width и min-height а лишнее скрыть через overflow. (ну или max-*, и дорисовать фон).
И отцентрировать, ага.

Или object-fit: contain

Answer 2

[ParaBellum577]

Задай им максимальную ширину

Answer 3

[Полина Емельянова]

Я здесь растягиваю их по родителю абсолютом с шириной заранее большей, чем родитель.
Тогда вы играете шириной родителя.

.parent {
position: reletive;
width: 50%; /*ваша по макету*/
padding-bottome: 69%; /*ваша пропорция, по макету*/
overflow: hidden; /* по требованию*/
}

.parent img {
position: absolute;
top: 0;
left: 0;
width: 105%; /*по необходимости увеличить/уменьшить*/
}