Center Image Block Collage

Site URL: https://sailfish-greyhound-97yf.squarespace.com/

Hi,

How can I centre these whole blocks on mobile? I like the desktop version however the mobile version I would prefer for the block to be centred underneath the image for both.  

https://sailfish-greyhound-97yf.squarespace.com/

PW: Leanne

Thanks,

Leanne

Add to Home > design > Custom CSS

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1603423462239_8173 figcaption {
    width: 90%;
    margin-top: 20px !important;
    margin-left: auto;
    margin-right: auto;
}
}

Thanks Tuan! I have used this for that block and it has worked - I have used the same code with the block # for the services block however it does not centre on mobile. 

add float: none !important;

div#block-yui_3_17_2_1_1603365867922_11864 figcaption {
    width: 90%;
    margin-top: 0px !important;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
}

Thanks Tuan! 

Do you have a donate link?