I am trying to arrange divs in a way that they can be scrolled horizontally. I have set up a flex container, but I'm unsure what other steps are needed to ensure the boxes align to the left.
You can view the demo code here
.container {
height: 95px;
border: 1px solid black;
display: flex;
flex-direction: column;
overflow-x: auto;
}
.box {
border: 1px solid black;
margin: 5px;
width: 100px;
}
The code without comments appears to be working as expected. However, once I add the cols, there seems to be extra spacing present.