Grid of images with no padding

Hello, we’re looking to have a grid of square images that remain against each other when the screen resizes. The way I have it set up now, there is some space between them when I enlarge the browser window.

The grid is at the bottom of this page: https://mostcg.com/portfolio/

Thanks,
Andrew

Hey Andrew,

Viewing in a Full HD (1920x1080p) screen and opening the browser’s element inspector, I saw the size of each column is 416px (screenshot 1) but your image size is limited to 250px (screenshot 2) most probably by the Retina option. Try deactivating Retina support (screenshot 3).

  • Screenshot 1

  • Screenshot 2

  • Screenshot 3

You’re currently using the Classic Columns. You might want to try out the new Row and Grid layout systems. Check the tutorial videos below:

###Grid

###New Row

More video tutorials are available in our Youtube Channel and also don’t forget to learn from our Knowledge Base.

Hope that helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.