Плывет блок при увеличении размера дисплея. Как это сверстать?

Question

[Rufix]

Сверстал вот такой блок. При моем размере экрана (1366х768 дефолтный ноутбук) все ок, но когда меняю размеры на большие, например под 1920х1080, то все плывет вот до такого


Вот стили, которые использованы под этот блок

.partners {
	background: url(img/partners-background.jpg) no-repeat;
	background-size: cover;
	height: 50vh;
	position: relative;
}

.partners-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.partners-title {
	padding-top: 70px;
	font-size: 30px;
	font-weight: 300;
	color: #fff;
	letter-spacing: 1.2px;
	margin: 0;
}

.partners-list {
	position: absolute;
	bottom: 70px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 50%;
}

P.S подскажите как мне все это правильно организовать?

Answer 1

[Narts]

так вы задаете блоку высоту в половину экрана, а у логотипов position: absolute (уже стоит задуматься), да еще ориентир на нижнюю границу родителя
поэтому и такие отступы большие получаются

Comments

[Rufix]

Это я понял, но я не знаю как мне сделать это по другому и грамотно? Мне нужно задавать конкретную высоту для всего объекта или как?

[Narts]

Rufix, у вас сетка используется?

[Rustam Bainazarov]

Rufix, вариантов множество, один из:

[Brad9aga]

Рустам Байназаров, я то думал ща приколы подъедут

[Rustam Bainazarov]

Brad9aga, я хотел написать «Х@@вый заголовок», но не стал.

[Rustam Bainazarov]

Brad9aga, я вот раньше тут всегда так делал примеры:


Сейчас уже редко.

[Brad9aga]

Рустам Байназаров, хаха повеселил))

[Brad9aga]

Рустам Байназаров, https://habr.com/ru/post/131788/
где это все

[Rustam Bainazarov]

Brad9aga, https://www.w3.org/TR/selectors-4/

[Brad9aga]

Рустам Байназаров, до полноценной поддержки как до китая

[Rustam Bainazarov]

Brad9aga, ну вот тебе и ответ. Часть из этого нафиг не нужно для 99.999999% случаев в разработке. Вот что очень нужно, так это :matches и :has.

Хотя рабочий :matches вроде бы как даже есть уже давно, а я не знал:
https://caniuse.com/#search=%3Amatches

[Brad9aga]

Рустам Байназаров, это да,но лучше уж больше чем меньше, аля чо нить когда нить пригодится

[Brad9aga]

Рустам Байназаров, ломать не строить))

[Rustam Bainazarov]

Brad9aga, :pipiska.