TailwindCSS : Only show content on medium or large screen

In TailwindCSS if you are looking to hide a content for mobile devices or small screens and looking to show the content only on large devices like tablet and laptop

  <div class="hidden md:block">

Since TailwindCSS is mobile first, hidden class will be applied for all the smaller screen sizes expect for those above md range.

This content will be hidden on 0px to 768px devices and it will be shown on devices with viewport greater than 768px.

Site Footer