Recently, I created a fiddle that looks amazing in desktop view, with square boxes aligned perfectly as shown below:
https://i.sstatic.net/F2flK.png
The CSS code snippets used to achieve this horizontal alignment of the square boxes are:
.squares {
display: flex;
justify-content: space-between;
align-items:center;
padding: 1rem;
position: relative;
width: 70%;
max-width: 1080px;
margin: auto;
flex-wrap: wrap;
}
Now, here's the challenge:
I am looking for suggestions on what additional CSS code I should include in the fiddle to enable horizontal scrolling of the square boxes in a mobile view, similar to this example: