Hi,
I am using the brine template and also trying to reduce the size of certain images when viewed on mobile, but can't seem to get the syntax correct. It is also possible that I am not using the right image block ID. Any help would be very much appreciated. I have tried many variations on the code, but can't seem to get anything to work:
First Try, didn't work:
/* mobile screens */
@media only screen and (max-width: 640px) {
5dd1fbc83f951311698a969f{
width: 20%;
}
}
Note that I also tried it with # in front of the image ID.
Second Try, also didn't work
/* mobile screens */
@media only screen and (max-width: 640px) {
[data-image-id="5dd1fbc83f951311698a969f"]{
width: 20%;
}
}
I have been using inspect to find the image ID, but I can be doing that incorrectly. I am pulling the id from where it says: data-image-id="5dd1fbc83f951311698a969f"
Any guidance would be appreciated.
Thanks.