The @media CSS rule can be used to apply a portion of a style sheet based on one or more media queries' results. You can use it to specify a media query and a CSS block that will be applied to the document if and only if the media query matches the device on which the content is being viewed.


 @media screen and (min-width: 768px) {
    .mobile-trigger {
        display: none;


Can be used for all devices.
Used for web pages viewed in print preview mode on a computer screen.
Used only for screens.
Used for speech synthesizers.

We use cookies to improve your experience. Learn more in our Privacy policy.