Как сделать дизайн адаптивным с двумя разными фонами, используя CSS попутного ветра ⇐ CSS

[Anonymous]

Я взял это изображение из дизайна Figma, мне нужно отобразить этот дизайн, чтобы он реагировал на попутный ветер CSS с точностью до 100 пикселей.
Macbook Pro 16 дюймов имеет ширину 1728 пикселей, но мне нужно сделать контент-центр с индивидуальный контейнер шириной 1300 пикселей. Поэтому, когда он открывается на более широком экране, содержимое должно находиться в центральном контейнере шириной 1300 пикселей, а фон должен быть расширен до пустого пространства с обеих сторон.
Некоторые инструкции:
Некоторые инструкции:

• Фон ​​должен охватывать всю ширину области просмотра: это означает, что фон должен растягиваться на всю ширину окна браузера, независимо от размера экрана.
• Контейнер контента должен иметь максимальную ширину: контент внутри центрального контейнера не должен превышать 1300 пикселей, чтобы он не растягивался слишком широко на больших экранах для лучшей читаемости и контроля макета.
• Центрировать контейнер контента: чтобы контейнер оставался в центре области просмотра, когда ширина экрана превышает 1300 пикселей.

Как лучше всего это сделать это?



Подробнее здесь: https://stackoverflow.com/questions/784 ... g-tailwind