Hi,
The image in the post is in the same size in all screen sizes…
How can I make the image size responsive? Isn’t it should be built in with the theme?
@media (max-width: 768px) {
/* CSS in here for mobile only */
.entry-content img {
max-width: 200px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
/* CSS in here for tablet only */
.entry-content img {
max-width: 400px;
}
}
@media (min-width: 1025px) {
/* CSS in here for desktop only */
.entry-content img {
max-width: 600px;
}
}