Next.js | Tailwind CSS | Heroicons

1. In Tailwind CSS, we will have mobile first principle, here, no breakpoint means it's for mobile. breakpoints are as follows: sm, md, lg, xl, 2xl and 3xl.
2. Tailwind CSS works like bootstrap, it uses classNames to do the styling.