Webflow CSS breakpoints

webflow-breakpoints.css

h1::after {
  content: " (Desktop View)";
}

@media (min-width: 1280px) {
  h1::after {
    content: " (1280px View)";
  }
}
@media (min-width: 1440px) {
  h1::after {
    content: " (1440px View)";
  }
}
@media (min-width: 1920px) {
  h1::after {
    content: " (1920px View)";
  }
}
@media (max-width: 991px) {
  h1::after {
    content: " (Tablet View)";
  }
}
@media (max-width: 767px) {
  h1::after {
    content: " (Mobile Landscape View)";
  }
}
@media (max-width: 479px) {
  h1::after {
    content: " (Mobile Portrait View)";
  }
}