<pre class="language-html"><code>&lt;!-- Large screens only --&gt;
&lt;div class="Vlt-margin--[direction][unit]"&gt;&lt;/div&gt;

&lt;!-- Responsive --&gt;
&lt;div class="Vlt-margin--[device]-[direction][unit]"&gt;&lt;/div&gt;

</code></pre>

<div class="Vlt-callout Vlt-callout--tip">
	<i></i>
	<div class="Vlt-callout__content">
		<p>The logic for responsiveness is the same as the grid: no prefix only works on <code>L-plus</code> screens, <code>A-</code> works for all screen sizes, <code>M-</code> and <code>S-</code> only for (respectively) medium and small</p>
	</div>
</div>