On the home page of my site, I have 8 main pages linked about halfway down the page through two rows of 4 Hover Color boxes. However, I'm having issues with the responsiveness. My client does not like that on mobile, the icons get big enough to be single column, 8 down; it takes up a LOT of space on mobile and causes a lot of scrolling. Is there any way to control the responsiveness so that on smaller devices, these boxes STAY 2 rows of 4 columns, rather than 8 single rows?
vs