Add Breakpoints to Styling for Different Display Sizes

In the CSS block you can include the following code to create breakpoints for the different display sizes for the specified style. You can add a CSS class like '.h1' and set a different styling for it depending on the display size.

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) {
Was this article helpful?
0 out of 0 found this helpful



Please sign in to leave a comment.