Breakpointler
Breakpoint Sistemi
| Breakpoint | Min Width | Max Width (down) | Açıklama | Cihaz |
|---|---|---|---|---|
xs | 0px | 575.98px | Extra Small | Mobil |
sm | 576px | 767.98px | Small | Büyük Mobil |
md | 768px | 991.98px | Medium | Tablet |
lg | 992px | 1199.98px | Large | Küçük Masaüstü |
xl | 1200px | 1399.98px | Extra Large | Masaüstü |
xxl | 1400px | 1599.98px | Extra Extra Large | Büyük Masaüstü |
Breakpoint Kullanım İpucu
Breakpoint'leri "mobile-first" yaklaşımıyla kullanın. Önce mobil tasarımı yapın, sonra büyük ekranlar için geliştirin.