Ana içeriğe geç

Breakpointler

Breakpoint Sistemi

BreakpointMin WidthMax Width (down)AçıklamaCihaz
xs0px575.98pxExtra SmallMobil
sm576px767.98pxSmallBüyük Mobil
md768px991.98pxMediumTablet
lg992px1199.98pxLargeKüçük Masaüstü
xl1200px1399.98pxExtra LargeMasaüstü
xxl1400px1599.98pxExtra Extra LargeBü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.