Необходимо разместить две картинки: высота блока 500px, как поступить чтобы они занимали всю ширину блока 50% на 50%?

Question

[Василий Сергеевич]

При таком CSS работает, но картинка увеличена)

CSS:
.clients {
display: flex;
height: 500px;
}

.clients__block1 {
width: 50%;
background: url(../images/clients/1.png);
background-size: cover;
}

.clients__block2 {
width: 50%;
background: red;
}

Comments

[Mikhri]

По-университетски: перефразируйте, пожалуйста, задание: результат выполнения задачи неоднозначен, а потому не до конца ясно, какого именно результата вы хотите достичь.
По-русски: чё?

[Василий Сергеевич]

Mikhri, проверяй

[Mikhri]

Василий Сергеевич, нужны объекты в HTML. Или мне вручную создавать, а потом еще перепроверять, чтоб у меня все работало, а где-то там - нет?

Давайте фулл, милейший.

[Ankhena]

У вас и сейчас так https://jsfiddle.net/dmgp1v7u/

При таком CSS работает, но картинка увеличена)

Ну логично, вы же ей cover задали. Она растянулась и обрезалась по другой стороне.
Зададите contain - поместится вся, но останутся свободные поля.

Answer 1

[Steppp]

background-size: contain;