KEz1988
commented
8 years ago now I have modified the code and it works fine when I see it on a mobile device, but looks bad on the actual size from my notebook
.gallery-cell {
width: 100%;
height: auto ;
background: #8C8;
counter-increment: gallery-cell;
}
I have also used this code, but not resize the width of the images
@media screen and ( max-width: 768px ) { /* disable Flickity for large devices */
.gallery-cell {
width: 100%;
heigh: auto;
}}
but when I see the big picture looks bad haha I still do not solve it. Please help.
desandro
Hi.. I have a problem with the code. when I see the page on a mobile device that looks like this. Could you tell me how I can do to change the image size and fit in the width.
I thought the code would work is this . Sorry for the English to use. I almost do not speak the language.
@media screen and ( max-width: 768px ) { /* disable Flickity for large devices */ .gallery:after { content: ''; } .gallery-cell{ width: 100%; height: auto; background: #8C8; counter-increment: gallery-cell; }
}