Truely, this is an awesome experience with tailwind Css. An amzing technology to stylize your web and mobile apps. This is just a static website and also compatible with mobile devices. Sharing this readme is to understand, how tailwind works under hood?
For hide: Use hidden
What means lg:hidden:- Means that on large screen. Please, hide the respective element
Before Reading the Tailwind Css breakpoints. Please, remember that Tailwind is using Mobile First Approach (MFS).
For small sized sxreens:- 640px
For medium sized screens: Same as like bootstrap 768px
For large sized screens: 1024px
For extra large sized screens: 1280px
For extra extra large sized screens: 1536px