bloom-candles

Site URL: https://www.bloom-candles.com/ I am looking for someone to help with some custom CSS to make the new List Blocks show 2 wide on mobile. I have tried to use other CSS mentioned on the forums with the same end goal but for galleries, products, etc, but not list blocks. On my site you will see after the headline block (2nd block down, list block) the section in question. On desktop is shows 3 wide (or two depending on screen) but on mobile it is only 1 wide and is taking up a lot of screen space and requires lots of scrolling which can't be good for conversions. I currently have this CSS running. I have tried my hand at making a copy of it that will work with list blocks but no luck. @media only screen and (max-width:767px) { .products .list-grid { display: flex; flex-wrap: wrap; justify-content: space-between; } .products .grid-item { width: 48%; } }