CSS: Overflow: auto is not working

Sometimes you want to have something big, displayed in a smaller area without breaking the layout and that's where overflow:auto comes in
By using overflow:auto, as seen on the text above. This will apply an scrollbar if element is to big and allow you to scroll on the object, instead of breaking the layout
The overflow tag you add in your CSS, for the element you want to be able to expand and you can choose if it should be all directions or one specific one, by defining x-axis (horizontal) and y-axis (vertical)
Why isn't overflow:auto working?
Implementing overflow:auto is often fairly straight forward, but can sometimes not work as intended and you might be Googling different solutions and most are hack to just get it to work. Instead of understanding why it's not workingIn above scenario, you might be troubleshooting why it's not working in the article overflow element, where you applied overflow:auto. Without realizing the culprit is further up, in the article section
Especially in a dynamic design, you don't always specify sizes and sometimes it can be enough to go up a few steps in your layout and specify a minimum width. So that code further down have something to work out from