Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Content-based breakpoints */ @media (min-width: 576px) { /* Small devices */ } @media (min-width: 768px) { /* Tablets */ } @media (min-width: 992px) { /* Laptops */ } @media (min-width: 1200px) { /* Desktops */ } /* Pro tip: set breakpoints where content breaks, not for specific devices */
Result
Open