Как задать картинке определенную ширину, высоту и изменять пропорционально размер при изменении ширины экрана?

Question

[mosikus]

Здравствуйте. Я хочу задать картинке (фиксированную) ширину 150px и высоту 200px со свойством object-fit: cover, но на маленьких экранах это плохо отображается. Мне нужно, чтобы они пропорционально уменьшались в размере при уменьшении экрана. Как это сделать ? Конкретно хотелось бы, чтобы в линии было минимум 2 картинки.
*Код*

Comments

[Ankhena]

Блок с сохранением пропорций
В примере квадрат, но вы впишете свои пропорции.
Размеры будете задавать ему.

[mosikus]

Ankhena, нет, это не то.

[Ankhena]

durak22212, эммм... в каком смысле "не то"?

[mosikus]

Ankhena, мне картинку нужно вставлять через img. background не подходит.

[Ankhena]

durak22212, я не предлагала вставлять ее в bg. Просто задавать размеры по размерам блока.

[mosikus]

Ankhena, кажется, понял. *Так*, вроде, работает.

[mosikus]

Ankhena, напишите, пожалуйста, ответ к моему вопросу, чтобы я мог отметить его решением.

[Ankhena]

durak22212, Отлично получилось

Answer 1

[Евгений Залецкий]

Через @media