Query loop images overlap when reszing window

Hi @bekalash on my site the images and posts in the Query Block are responsive as shown in the screenshot below

Can you please give me more information about how you changed the dimensions in the photo size so to display them equally as a grid?

hello @thelmachido , thanks for passing by.

by choosing the post featured image block, you will be able to set the Dimensions from the block editor as it show in the photo.

Hi @bekalash I see what you mean, I had not tried to change the dimension settings for the post featured image block. When I added the dimensions you have the images overlap, I think they should reduce in scale to the dimensions added. Since this is a block, I think this could be related to Gutenberg more than the theme. Bug reports can be added below:

https://github.com/WordPress/gutenberg/issues

I can make the report if you would prefer, let me know.

thank you again @thelmachido , that would be nice if you since i’m not a github user.

do you think there’s any work around to fix the issue other than reducing the scale? mainly on the Tablet view they keep the normal size.

do you think there’s any work around to fix the issue other than reducing the scale? mainly on the Tablet view they keep the normal size.

I was checking my site again for the bug report and I can’t seem to replicate the issue anymore. The images are not overlapping anymore, they’re touching but not overlapping.

• This reply was modified 2 years ago by thelmachido a11n.

hey @thelmachido , i have installed a fresh version of WP, and added the Query loop with same size of images (which seems what makes the problems – the custom size). you can notice, also on the screen shop you shared that the third image on the right is wider so i still believe it’s overlapping, which also the case with the new install of WP.

something else i have to mention is that i got a horizontal scroll, also in the website i shared.

one more thing i have to mention, that I’m using the block editor – 223 theme with no additional add-ons.

other ideal solution will be actually to stack the post vertically, like in the mobile view, this is what i’ll try to achieve at the moment, will be happy if you have an idea how to make it work.

@thelmachido it sort of worked, i will put on a solution later, until next week!

the only thing, it doe’s not maintain the dimension.

• This reply was modified 2 years ago by Belal K.