Title: Responsive image grid
Last modified: December 31, 2018

---

# Responsive image grid

 *  [Njutik](https://wordpress.org/support/users/njutik/)
 * (@njutik)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/responsive-image-grid/)
 * Hello,
 * is it possible to make the image galery on homepage to be a responsive image 
   grid? I am very happy with the theme, but I need the images to be fully displayed,
   the images in portrait-style to be displayed this way and the images to wrap 
   when the screensize is changing. I tried adapting the css according to the instructions
   found on w3school ([Responsive Image Grid](https://www.w3schools.com/howto/howto_css_image_grid_responsive.asp)),
   but it did not help. This is what I have to far:
 *     ```
       .site-main {
       	display:flex;
       	flex-wrap: wrap;
       }
       .acme-col-3 {
       	flex: 33.33%;
       	max-width: 33.33%;
       	padding: 0 4px;
   
       }
       .masonry-item.post-item {
       	background-position: center center;
       	background-repeat: no-repeat;
       	background-size: contain;
       }
       ```
   
 * It would be great if someone could share an idea how to do it.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fresponsive-image-grid%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

The topic ‘Responsive image grid’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/infinite-photography/3.0.9/screenshot.
   jpg)
 * Infinite Photography
 * [Support Threads](https://wordpress.org/support/theme/infinite-photography/)
 * [Active Topics](https://wordpress.org/support/theme/infinite-photography/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/infinite-photography/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/infinite-photography/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [grid](https://wordpress.org/support/topic-tag/grid/)

 * 0 replies
 * 1 participant
 * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/responsive-image-grid/)
 * Status: not resolved