Site Checking – Flipcollective.squarespace.com

Site URL: https://flipcollective.squarespace.com/

1.(Mobile-Home page). Want to resize these icons on mobile or change to 2 icons/row?

Add to Design > Custom CSS

/* resize home mobile icons */
@media screen and (max-width:767px) {
div#page-section-6022b37aeb9d5f2e0a09b684 .image-block {
    width: 50%;
    margin: 0 auto;
}
}

2. (Tablet-Home page). Some text break. Want to change to 2 icons/row on tablet only?

Add to Design > Custom CSS

/* What we offect tablet */
@media screen and (max-width:991px) and (min-width:768px) {
div#page-section-6022b37aeb9d5f2e0a09b684 .span-3 {
    width: 50%;
}
div#page-section-6022b37aeb9d5f2e0a09b684 .span-6 {
    width: 100%;
}
}
3. (Tablet-Home page). Want to change to 2 columns/row?
Add to Design > Custom CSS
/* Our branding packages tablet */
@media screen and (max-width:767px) and (min-width:768px) {
div#page-section-600741a2d4931b6c9f59f194 .span-12>.row:nth-child(2) .span-3 {
    width: 50%;
}
}