Desain Responsif & Container Query

Pendekatan mobile-first dengan breakpoint sm/md/lg/xl/2xl, max-*, rentang breakpoint, breakpoint kustom, dan container query (@container, @md:) di Tailwind 4.

Yang akan kamu pelajari di part ini

• Mobile-first
• Menyembunyikan dan menampilkan
• Grid responsif bertahap
• max-* dan rentang
• Breakpoint kustom
• Container queries: responsif terhadap induk, bukan layar
• Kapan pakai yang mana?
• Tentang latihan
• Kesalahan umum pemula