Using Media Queries

Media queries allow you to apply CSS styles depending on a device's media type (such as print vs. screen) or other features or characteristics such as screen resolution or orientation, aspect ratio, browser viewport width or height, user preferences such as preferring reduced motion, data usage, or transparency. Media queries are used for the following: To conditionally apply styles with the CSS @media and @import at-rules. To target specific media for the and otherelements with the media= or sizes= attributes. To test and monitor media states using the Window.matchMedia() and EventTarget.addEventListener() methods.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto eligendi aperiam impedit architecto perferendis maxime ullam voluptatem voluptatibus, assumenda rem consequatur dignissimos adipisci eum iure excepturi beatae ratione vel ad? Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, aut, esse quia nam modi earum ducimus unde nemo quidem iusto odit neque alias, perferendis ut nobis. Est molestiae amet doloribus! Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repudiandae aperiam voluptatum eum vel quaerat consequatur! Eaque aperiam, ea et velit impedit recusandae inventore dicta nisi assumenda, dolorum alias quam ullam?