Full width featured image

Just complementing, I found a way to do that, but I don't know if it is the best alternative. I used the CSS below.

@media (min-width: 1025px){
img.size-full {
width: 94%;
}
}

ps. The original CSS is max-width:100% for all screen sizes.

Hi there,

You shouldn't need that CSS as long as your original image is wide enough to cover the container width.

For example, the featured image of the post "10 Receitas de Salada de Delícias do Mar Light" is around 681px. Try something around 820px.

Hi Leo,

In this case, to stretch all the images to the full width on large screens, is it correct to use this CSS rule?

@media (min-width: 1025px){
img.size-full {
width: 94%;
}
}

I would go with this:

@media (min-width:1025px) {
    .featured-image img {
        width: 100%;
    }
}