breakpoints defines a set of screen size that can be used in conditional value in order to apply styling attribute based on the screen size of the user browser.
| Breakpoint | Short name | Apply to browser size | Device Targeted |
|---|---|---|---|
| X-Small | xs | <576px | Mobile Phone |
| Small | sm | ≥576px | Ipad |
| Medium | md | ≥768px | Ipad Pro |
| Large (default) | lg | ≥992px | Desktop Screen |
| Extra large | xl | ≥1200px | Large Desktop Screen |
| Extra extra large (new with bootstrap 5) | xxl | ≥1400px | Extra Large Desktop Screen |
combostrap follows the breakpoints of bootstrap (even if you have created your own custom bootstrap)