Tailwind CSS – переполненный нижний колонтитул с фиксированным положением ⇐ CSS

[Anonymous]

Я новичок в Tailwind CSS и пытаюсь создать простую страницу портфолио с доступными примерами кода в документации Tailwind.
Пока класс контейнера оборачивает все содержимое страницы с помощью некоторый запас, если я установлю нижний колонтитул в фиксированное положение, нижний колонтитул переполнится вправо. Кажется, проблема связана с фиксированным или абсолютным классом, поскольку без этого класса нижний колонтитул занимает ширину контейнера.
Что я могу сделать, чтобы нижний колонтитул переносился внутри контейнера с фиксированным классом применяемый? Подойдет CSS-подход, но в идеале я ищу причину, по которой Tailwind CSS не переносит нижний колонтитул по ширине родительского элемента.
Код и демонстрация: https://codesandbox.io/ s/tailwind-portfolio-s1r1g
Пытаюсь добиться этого:



Подробнее здесь: https://stackoverflow.com/questions/605 ... d-position