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