Как сделать такой диагональный градиент?

Question

[Erling]

Пример:


Как сделать такой градиент средствами CSS+HTML, чтобы пропорции сохранялись на всех разрешениях (включая мобильные)?

Спасибо!

Answer 1

[Михаил Чирский]

Ну например так: https://jsfiddle.net/q98xg745/1/
Суть ясна надеюсь, подстройте под себя

Comments

[Erling]

Сделал другим способом - работает как нужно: background: linear-gradient(to left bottom, white 50%, yellow 50%);