Aki Hamano

<p>Flexible Spacer Block switches the height of the spacer according to the device screen width (breakpoints).<br />
This block has two variable breakpoints, and you can adjust the height of the spacer for smartphones, tablets, and desktops respectively.<br />
The height of the spacers can be changed individually or in batches.<br />
Also available to set “negative space (negative margin)” instead of the normal space.<br />
And this block supports transform from and to core spacer block.</p>
<h3>About negative space</h3>
<p>“<strong>Negative space</strong>” narrows the margins both blocks above and below the spacer, and it is also possible to overlap the blocks.<br />
If unintended overlap occurs, add a CSS class named “<strong>fsb-style-show-front</strong>” to the block you want to show in the front.<br />
To apply the CSS class to the block, click on the block on WordPress editor, and check the block settings on the right for the Advanced setting ,then enter the CSS class.</p>
<h3>Resources</h3>
<h4>Image for screenshot</h4>
<p>License: CC0 Public Domain<br />
Source: https://pxhere.com/ja/photo/245</p>


Flexible Spacer Block

I use this plugin on every site I build! An easy drop-in replacement for the spacer block.

Those responsive features core forgot!

Thank you very much for creating this awesome plugin. Love the plugin's simplicity and ease of use!

Amazing!


It can set margins for each screen width that cannot be set with the default block. It also supports negative margins. Easy to use.


it is necessary for FES

Add white space between blocks and customize its height for each device.

M39A

<p>Whether building a <strong>masonry grid</strong>, or trying to <strong>increase pagespeed</strong>, sometimes it makes sense to use a <strong>png as a spacer</strong>. <strong>Mega lazyload</strong> generates automatically a transparent PNG from every image. Also you can generate manually pending spacer images or regenerate the hole medialibrary.</p>
<h4>Links</h4>
<ul>
<li><a href="https://m39a.de" rel="nofollow ugc">Contributors</a></li>
<li><a href="https://m39a/mega-lazyload" rel="nofollow ugc">Documentation</a></li>
</ul>
<h3>Usage</h3>
<ol>
<li>Once you have installed and activated the plugin, it will automatically generate the requested spacer pngs.</li>
<li>Generate spacer pngs manually in -> Settings -> Mega Lazyload -> Generator</li>
<li>Change the lazyloadin Options in -> Settings -> Mega Lazyload -> Lazyload Options</li>
<li>All images are saved into “/wp-content/mll-spacer”</li>
<li>Get the spacer png by using the <strong>mll_get_spacer_img()</strong> function</li>
<li>Read the documentation to <a href="https://m39a/mega-lazyload" rel="nofollow ugc">get started</a></li>
</ol>


Mega Lazyload

Whether building a masonry grid, or trying to increase pagespeed, sometimes it makes sense to use a png as a spacer. Mega lazyload generates automatic …

Flexible Spacer Block vs Mega Lazyload