CSS Help with Mobile View Gallery Icons side by side

I am needing to have my icons in two rows of 3 under the "popular service"

Can I get help with this code?

https://parrotfish-yellow-97hw.squarespace.com

password: unit7

Add to Design > Custom CSS > Then save & reload the site

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="62b3927a53650a51fec7bedb"] {
    grid-gap: 10px 10px !important;
    grid-template-columns: repeat(2,1fr) !important;
}
}

5 hours ago, tuanphan said:

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="62b3927a53650a51fec7bedb"] {
    grid-gap: 10px 10px !important;
    grid-template-columns: repeat(2,1fr) !important;
}
}

Thank you for this but I plugged it in, saved it, and refreshed and it did not change

On 6/23/2022 at 9:04 PM, tjohnson613 said:

Thank you for this but I plugged it in, saved it, and refreshed and it did not change

You added my code in your mobile query, caused the code invalid.

Move my code to top of Custom CSS box, or move code under Line 35.

Oooooooh! Lol Sorry thank you!