Css media queries laptop

@media (max-width: 767px)   {

      .container{width:100%} *{color:green;}-Mobile

    }


    @media (min-width: 768px)  {

     .container{width:100%} *{color:pink  } -Desktop

    }
    @media (min-width: 768px) and (orientation:portrait)  {

       .container{width:100%} *{color:yellow  } -Mobile

    }
    @media (min-width: 1024px)  {

       .container{width:100%} *{color:pink  } -Desktop

    }
    @media (min-width: 1200px)  {

    .container{width:1180px} *{color:pink   } -Desktop

    }

-1

Source: stackoverflow.com

Similar codes

145 votes326 views6 answers
Import bootstrap in react
CSS Bootstrap
18 votes248 views4 answers
Css font arial
CSS
0 vote245 views2 answers
How to remove input background on select oin css
CSS
0 vote268 views1 answer
Css box shadow right and down
CSS
16 votes242 views4 answers
Arrow right css
CSS
0 vote283 views1 answer
Css absolute from center and not corner
CSS
162 votes286 views5 answers
Css shaddow
CSS
0 vote251 views1 answer
P::after p::before css
CSS
54 votes273 views3 answers
Center align an image css
CSS
0 vote253 views1 answer
Design good font color
CSS