.container{
    height: 300px;
    width: 300px;
    padding: 10px;
    font-size: 50px;
    background-color: aqua;
}

/* DESKTOP FIRST APPROACH */

/* @media screen and (max-width: 900px) {
    .container{
        font-size: 40px;
        background-color: green;
    }
}

@media screen and (max-width: 600px) {
    .container{
        height : 300px;
        width: 300px;
        font-size: 30px;
        background-color: pink;
    }
} */

/* MOBILE FIRST APPROACH */
@media screen and (min-width: 600px) {
    .container{
        font-size: 60px;
        background-color: orange;
    }
}

@media screen and (min-width: 900px){
    .container{
        font-size: 80px;
        background-color: green;
    }
}