Как окрасить только половину секции?

Question

[Яков]

Доброго времени суток! Не получается окрасить только нижнюю половину секции в нужный цвет, как это сделать?

Пытался использовать данный код, но тщетно

background-position: 0 0;
background-size: 50vw 100%;
background-repeat: no-repeat;

Answer 1

[YavaDev]

Можно почитать здесь - linear gradient

.element {
    background: linear-gradient(to bottom, yellow 50%, red 50%);
}