Media Basic Syntax

@media <type> <feature>

EXAMPLE

@media Screen (min-width: 900px){

   //Change Something

}

HI, i'am a hired paraghap between 400 and 1000px

CSS IN THIS PAGE

                    
        
        h1, h2, h3{
            text-align: center;
            font-size: 30px;
        }
        body{
            padding: 2%;
        }
        
        @media (max-width: 900px){
            h1, h2, h3{
                color: red;
                font-size: 60px;
            }
            body{
                padding: 1%;
            }
        }
        
        .hired-p{
            display: none;
        }
        @media (max-width: 1000px) and (min-width: 400px){
            .hired-p{
                display: block;
                font-size: 50px;
                margin-top: 40px;
                margin-bottom: 40px;
                color: brown;
            }
        }