Coderz Studio

<p>FlexiLayouts extends the WordPress block editor with powerful layout options and animations. Easily convert Gallery block into a responsive and stunning masonry grids without writing a single line of code.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Masonry Grids</strong>: Create beautiful masonry layouts in gallery block</li>
<li><strong>Responsive Controls</strong>: Fine-tune settings for different screen sizes</li>
<li><strong>Performance Optimized</strong>: Built with modern JavaScript and CSS</li>
</ul>
<h4>Source files</h4>
<p><a href="https://github.com/coderz-studio/flexilayouts" rel="nofollow ugc">github</a></p>
<h4>Supported Blocks</h4>
<ul>
<li>Core/Gallery</li>
</ul>


FlexiLayouts

Transform core gallery block into a responsive and beautiful masonry grid with just a few clicks.

Fabien Picard

<p><iframe loading="lazy" title="Mansory Gallery WordPress" width="750" height="563" src="https://www.youtube.com/embed/yAQtxebfCmY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>Transforms the WordPress’s gallery into a beautiful gallery in columns.<br />
When you create a gallery do not check the box “Crop images”.<br />
This is only a css overload.</p>


Gallery in columns

Fix css which transforms the WordPress\'s gallery without cropped option into beautiful gallery in column

FlexiLayouts vs Gallery in columns