Breakpoints

Breakpoints are adjustable width thresholds that dictate the behavior of your responsive layout, adapting its appearance and structure across different device or viewport sizes.

Breakpoints
Value

xs (Extra small)

min-width: 0

sm (Small)

min-width:480px

md (Medium)

min-width:720px

lg (Large)

min-width:960px

xl (Extra large)

min-width:1200px

Last updated