Я хочу сделать диагональный фон между двумя секциями.
[как это должно выглядеть] [1]
Проблема в том, что у меня есть некоторые проблемы с моим отзывчивым дизайном. Диагональный уклон - это svg, который я экспортировал из Adobe XD.
[SVG из Adobe XD] [2]
Я хочу сделать 100% моего окна просмотра, и высота должна быть авто. Но если я сделаю
ширина: 100%; высота: авто;
не появляется. Я мог бы определить ширину и высоту в пикселях для каждого медиазапроса, потому что я могу масштабировать его в Adobe XD, поэтому я знаю, насколько он должен быть высоким, но если я это сделаю, я должен определить его для каждого возможного размера экрана там .. .
width: 100%;
height: auto;
position: absolute;
bottom: -125px;
background-image: url("../../images/images_general/slope_white_bottom.svg");
background-size: cover;
}```
[1]: https://i.stack.imgur.com/JFWbi.png
[2]: https://i.stack.imgur.com/3bxh4.png