flex-wrap not working on Squarespace site

[missleattak]

This code was working for the last year until it wasn't a few days ago. I hadn't changed anything on my site and I can't get it to work again. I want the products on my website to be in rows/columns of 2 while on mobile. Currently they are all pushed to the left. I can't figure out why it isn't working.

/* 2 Column Product Grid */
@media only screen and (max-width:768px)
{
.products .list-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.products .grid-item {
width: 48%;
}
}

 

[OldMan]

Hi missleattak,
You should use the </> icon to enter the code. You should ask squarespace what they changed that broke your site.
Your code should work btw.

So give us a link to the site so we can look at the entire code, unless you want to post it here and save us time.

 

[missleattak]

I contacted squarespace and they said that since it is third party code all they can recommend is that I get rid of it.

Here is a link to my website: www.midhavenfurniture.ca/available

/* 2 Column Product Grid */
@media only screen and (max-width:768px)
{
.products .list-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.products .grid-item {
width: 48%;
}
}