I have some images in a blog post set as "thumbnail". However, I would like them to be full in mobile. I have added a custom class called "img-full" to the images I'd like to adjust. I am using the code below, but it does not seem to work. This type of problem seems to be happening a lot. I have had several CSS issues when trying to call a custom class. I have been needing to vies the page source code and copy the entire class "address". Do you know why I am having that issue?
@media only screen and (max-width: 768px) {
.img-full{
min-width: 100% !important;
max-width: 100% !important;
}
}