Tailwind responsiveness is mobile-first

As in the style applied by default is from the smallest screen size first.

Additional responsiveness attributes added is applied to the bigger screen size.

Responsiveness

Different width size per screen size

className="w-16 sm:w-12 md:w-32 lg:w-48"

// sm = 640px
// md = 768px
// lg = 1024px
// xl = 1280px
// 2xl = 1536px