Help needed! <div> doesn't continue to the end of the page when the viewport is small and I scroll to the right
I have the categories with white-space: no wrap but the div they're in doesn't go to the end of the page.
The categories are inside the darker red rectangle. But while the text goes to the end of the page, the color block doesn't.
This happens when I have a smaller viewport and scroll to the right.
I would really appreciate the help!
I want the light red banner to stay in place even while scrolling to the right, that is the title "Mixed Media Magazine" to stay centered even as the viewport changes or the user scrolls to the right.
And for the dark red banner to reach the end of the page, while the text "moves" - new text as you scroll.
Repository: https://github.com/Margarida21s/M3.git