Test Media

DOES NOT WORK IN BLOCKS!

This text is from the block


large screen should be ...
white text
red background
left aligned


small screen should be ...
red text
white background
centered

CSS_At_Media_Sheet

Does work in articles.

This text is from the article

large screen should be ...
white text
blue background
left aligned

small screen should be ...
blue text
white background
centered

CSS_At_Media_Article

Common Breakpoints

320px — 480px: Mobile devices.
481px — 768px: iPads, Tablets.
769px — 1024px: Small screens, laptops.
1025px — 1200px: Desktops, large screens.
1201px and more — Extra large screens, TV.