@vcl/vcl/utils/demo/example-visibility.html

The whole VCL in one package

<p>Content is not visible</p>
<div class="container" style="width: 200px;">
  <span class="hide">Can you see me?</span>
</div>

<p>Content is not visible on xs and sm viewports</p>
<div class="container" style="width: 200px;">
  <span class="hide-xs hide-sm ">Can you see me?</span>
</div>

<p>Content is not visible on xs, sm and xl viewports</p>
<div class="container" style="width: 200px;">
  <span class="hide-to-sm hide-xl">Can you see me?</span>
</div>
  
<p>Content is not visible on lg and xl viewports</p>
<div class="container" style="width: 200px;">
  <span class="hide-from-lg">Can you see me?</span>
</div>