Title: Image gap
Last modified: January 18, 2023

---

# Image gap

 *  [nebadita](https://wordpress.org/support/users/nebadita/)
 * (@nebadita)
 * [3 years, 5 months ago](https://wordpress.org/support/topic/image-gap-3/)
 * Hi team,
   I have one image layout on my home page. The design for desktop and 
   tablet it is looking good, but for mobile image space is taking excess. Can you
   please help me fixing this? I want image gap to be normal.The image layout which
   I am talking that screenshot is given below
 * [https://prnt.sc/oT3pnY4X3NfR](https://prnt.sc/oT3pnY4X3NfR)
 * Page link: [https://freaktofit.com/](https://freaktofit.com/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [fernandoazarcon2](https://wordpress.org/support/users/fernandoazarcon2/)
 * (@fernandoazarcon2)
 * [3 years, 5 months ago](https://wordpress.org/support/topic/image-gap-3/#post-16384230)
 * Hi [@nebadita](https://wordpress.org/support/users/nebadita/),
 * Our primary recommendation for this would be to use a GenerateBlocks Grid Block
   to structure this section. Reference: [https://docs.generateblocks.com/article/grid-overview/](https://docs.generateblocks.com/article/grid-overview/)
 * Through this, you shouldn’t need custom code to control how it looks on desktop,
   tablet and mobile.
 *  Thread Starter [nebadita](https://wordpress.org/support/users/nebadita/)
 * (@nebadita)
 * [3 years, 5 months ago](https://wordpress.org/support/topic/image-gap-3/#post-16384282)
 * Hi [@fernandoazarcon2](https://wordpress.org/support/users/fernandoazarcon2/)
   
   thanks for the reply. However grid is creating vertical layout on mobile. Which
   I dont want. I want it to be a horizontal as it is now as shown in picture. So
   please help me with the gap?
 *  [fernandoazarcon2](https://wordpress.org/support/users/fernandoazarcon2/)
 * (@fernandoazarcon2)
 * [3 years, 5 months ago](https://wordpress.org/support/topic/image-gap-3/#post-16384294)
 * You can make the Grid Block columns line up horizontally on mobile as well.
 * Just change the view to mobile on top of the Block Settings, and replace the 
   Container Width of the Container Blocks of the Grid Block to a lower value. Ideally,
   with your structure, it should be just 33%.
 *  Thread Starter [nebadita](https://wordpress.org/support/users/nebadita/)
 * (@nebadita)
 * [3 years, 5 months ago](https://wordpress.org/support/topic/image-gap-3/#post-16386388)
 * Hi [@fernandoazarcon2](https://wordpress.org/support/users/fernandoazarcon2/)
   
   Thanks for your reply. But it is still not working. Do you have any other method?
   Please help
 *  [fernandoazarcon2](https://wordpress.org/support/users/fernandoazarcon2/)
 * (@fernandoazarcon2)
 * [3 years, 5 months ago](https://wordpress.org/support/topic/image-gap-3/#post-16387979)
 * It’s not built with GenerateBlocks Grid Block yet.
 * If you would like to use WordPress Core Blocks, you’ll need custom CSS for that.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Image gap’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/generatepress/3.6.1/screenshot.
   png)
 * GeneratePress
 * [Support Threads](https://wordpress.org/support/theme/generatepress/)
 * [Active Topics](https://wordpress.org/support/theme/generatepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/generatepress/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/generatepress/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [fernandoazarcon2](https://wordpress.org/support/users/fernandoazarcon2/)
 * Last activity: [3 years, 5 months ago](https://wordpress.org/support/topic/image-gap-3/#post-16387979)
 * Status: not resolved