me"><p><strong>Recommended:</strong> Use <code>inner-frame</code> inside the <code>space-frame</code>. This makes things centered both vertically and horizontally inside the frame.</p>

<pre><code>&lt;div class=&quot;space-frame&quot;&gt;
	&lt;section class=&quot;space-inner-frame&quot;&gt;
		[contents]
	&lt;/section&gt;
&lt;/div&gt;</code></pre></section></div><div class="space-frame" data-duration="2"><section class="space-inner-frame"><h2>Custom duration</h2>

<p>If we want we can provide a custom durati