@Rufix

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

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

Вот стили, которые использованы под этот блок
.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 подскажите как мне все это правильно организовать?
  • Вопрос задан
  • 125 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Narts
так вы задаете блоку высоту в половину экрана, а у логотипов position: absolute (уже стоит задуматься), да еще ориентир на нижнюю границу родителя
поэтому и такие отступы большие получаются
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
18 сент. 2019, в 23:10
5000 руб./за проект
18 сент. 2019, в 23:06
10000 руб./за проект
18 сент. 2019, в 22:35
3500 руб./за проект