{% if site.data.dev.dev_mode %}
<div class="fixed z-50 top-0 pin-l bg-black text-white rounded-br p-2 opacity-50">
    <span class="sm:hidden">&lt; sm</span>
    <span class="sm-md:block hidden">sm-md</span>
    <span class="md-lg:block hidden">md-lg</span>
    <span class="lg-xl:block hidden">lg-xl</span>
    <span class="xl:block hidden">&gt; xl</span>
</div>
{% endif %}