I have a flex container with the flex-direction set to column.
Let’s assume there are two flex items, adn the second item contains additional containers with text.
I don’t want the second flex item to extend beyond the boundaries of the flex container.
Instead, I want to display a scrollbar for the inner container with the text within the second flex item.
Here is the code snipper of what I mean:

I’m trying to create a very simple web page as part of a project, but when I view the page in a browser (Safari, Chrome & Firefox) there is additional white space to the right.