A grid with 3 images is not responsive

Posted in: Newspaper
Post count: 11
shooper69
#234261
May 18, 2018 at 5:01 pm

Hi
I created grids with 3 square images in one row (section TRUSTED VENDOR PRODUCTS and OUR FAVOURITE SUPPLIERS), they look fine on a desktop (https://remelife.com/), but ugly on mobile.
See screenshot https://ibb.co/fdt3bJ
Can you please help me with this?

Post count: 22421
Bogdan B.
#234437
May 21, 2018 at 9:02 am

Hello,

If you want to make the images narrow on mobile devices, you can try this code:

@media (max-width: 767px){
.td_block_image_box .td-image-box-span {
width: 33.3333333333% !important;
float:left!important;
}

Thanks

Post count: 11
shooper69
#235497
May 25, 2018 at 2:21 pm

hi
I added the code but it still looks ugly (images are superimposed on each other, no borders between them)
https://cl.ly/1O272n0i3h33

Post count: 22421
Bogdan B.
#235517
May 25, 2018 at 3:30 pm

You can manually add borders to the code using margins or padding:
https://www.w3schools.com/Css/css_margin.asp
https://www.w3schools.com/css/css_padding.asp
It is a custom implementation. It is not an official code. The oficial implementation of the images as one underneath the other.

Thanks.

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.