Cacher is the code snippet organizer for pro developers

/* võimaldab luua oma media querysid */
        /* Small devices (landscape phones) */

        @media (min-width: 576px) {
            body{
                background: red;
            }
        }

        /* Medium devices (tablets) */

        @media (min-with: 788px) {
            body{
                background: blue;
            }
        }

        /* Large devices (desktops) */

        @media (min-width: 992px) {
            body{
                background: green;
            }
        }

        /* Extra large devices (large desktops) */

        @media (min-width: 1200px) {
            body{
                background: yellow;
            }
        }

        /* The given screen size or smaller */

        /* Extra small devices (portrait phones)*/

        @media (max-width: 575px) {
            body{
                background: coral;
            }
        }