Hi Guys,

I want to use a blog mansonry fullwidth on a page, but I want the posts to ajust its size to the screen, creating a line only in cellphone screens.

http://box5656.temp.domains/~razaoina/filosofos/nietzsche/eterno-retorno/

What is happening is that a blank line is created on 1000px - 1600px (laptop) screens and it kills the design of the page.

So, is it possible to the post sizes to ajust like in the "featured first row" blog element?

There is not a css "@mediascreen" function that prevents the posts from breaking the line? Reajusting its size?

The "featured firts row element" works that way...

Thank you, Tahir.

I think I will go for the squeezed image, its better than a nearly empty line. 

@media only screen and (max-width: 1600px) and (min-width: 1001px) {
.full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+1), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+6), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+7), .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+8) {
    width: 25%;
}
    }

That's the code, right?