Подсказка по верстке - Вопросы по CSS

Подскажите как реализовать подобную структуру страницы (см. приложение), чтобы при разрешении 1024 желтый блок с контентом отображался без горизонтальной прокрутки; зеленый блок (по сути, просто фон). Делать зеленый блок фоновой картинкой body не вариант.

@media (max-width: 1024px) {

div с 1100 {
width: 1024px;
}

div с 990 {
width: например 914px;
}

}

Да, видать, придется верстать с условиями под разрешение дисплея. Других вариантов не нашел.

Зелёный блок, это что?

Зелёный блок, это что?

Сплошной фон рисунок-узор.

Тогда почему бы не сделать его background-ом?

Белый фон body так же будет в виде картинки-узора. Зеленый блок-фон фиксированной ширины и фон планируется repeat.