Question 1

Apa itu CSS breakpoint?

Accepted Answer

CSS breakpoint adalah lebar viewport tertentu di mana tata letak situs web berubah untuk menyesuaikan ukuran layar, didefinisikan dengan media query seperti @media (min-width: 768px).

Question 2

Apa saja breakpoint Tailwind CSS?

Accepted Answer

Tailwind CSS memiliki 6 breakpoint default: sm (640px), md (768px), lg (1024px), xl (1280px), dan 2xl (1536px).

Question 3

Apa saja breakpoint Bootstrap?

Accepted Answer

Bootstrap 5 mendefinisikan 6 breakpoint: xs (< 576px), sm (≥ 576px), md (≥ 768px), lg (≥ 992px), xl (≥ 1200px), dan xxl (≥ 1400px).

Question 4

Apa itu pendekatan mobile-first?

Accepted Answer

Desain mobile-first berarti menulis gaya dasar untuk layar kecil terlebih dahulu, lalu menggunakan min-width media query untuk layar yang lebih besar.

Question 5

Bisakah saya mendefinisikan breakpoint kustom?

Accepted Answer

Ya. Di Tailwind, Anda dapat memperluas breakpoint di tailwind.config.js. Alat ini juga memungkinkan penambahan breakpoint kustom.

Visualisasi Breakpoint

Pertanyaan yang Sering Diajukan

Comments & Feedback