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

0 vote168 views1 answer
Ion-split-pane width
CSS
0 vote163 views1 answer
Css !important
CSS
5 votes277 views2 answers
Materialize css cdn
CSS Materialize
6 votes138 views6 answers
TAilwind css
CSS
0 vote168 views1 answer
Css mobile friendly
CSS
0 vote212 views1 answer
Bootstrap popover style width
CSS Bootstrap
6 votes136 views9 answers
Create a portfolio website with html css
CSS
5 votes147 views3 answers
How to trim leading spaces in html using css
CSS
0 vote157 views1 answer
Resctrict css to apply on div
CSS
0 vote147 views1 answer
Jquery change css variiable value
CSS