Как сделать отступ чтобы фон был на всю ширину экрана?

Пишу хедер, на новом для меня фреймворке — Tailwind. https://tailwindcss.com/docs

Проблема следующая, мне нужно сделать отступ контейнером так, чтобы он ограничивал и хедер. Как это реализовать? Или быть может, есть другие варианты получения отступа на основной контент и хедер одновременно, при этом чтобы фон хедера был на полную ширину экрана как в тз.

набросок на бегете: http://vilaf6kh.beget.tech/

ТЗ:


Ответы (1 шт):

Автор решения: humster_spb

Помещаете контейнер внутрь хедера:

<header>
  <div class="container">
    //здесь весь контент хедера
  </div>
</header>
→ Ссылка