Как сохранить позицию елементов при другом разрешении?

Question

[Роман Рофл]

https://jsfiddle.net/m6gdytfr/ Всем привет помогите плиз не особо учил html css
функционал работает отлично , но когда меняю resolution на другой все елементы слетают
спасибо зарание!!!

Answer 1

[Никита Михайлов]

Сделай два блока с нужными размерами (в относительных единицах). Это будет твоя левая и правая часть. Уже в них располагай контент. Тогда при изменении разрешения они не будут пересекать твою границу

Comments

[Роман Рофл]

а например как мне задать высоту в относительных единицах ?
.left{
width: 50%;
height: 100%;
background: linear-gradient(to bottom , white 50%, black 50%);
}
.right{
width: 50%;
height: 100%;
background: linear-gradient(to bottom , white 50%, black 50%);
}