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

72 votes319 views6 answers
Flexbox css
CSS
0 vote322 views1 answer
How to disable phone number linking in Mobile Safari
CSS
12 votes320 views6 answers
Text-align css
CSS
0 vote370 views1 answer
Centrer un élément absolute
CSS
0 vote314 views1 answer
Media screen desktop
CSS
4 votes323 views2 answers
Gap between two flex items
CSS
1 vote311 views1 answer
Css thinner hr
CSS
1 vote269 views1 answer
How to find the key of the largest value hash?
CSS
23 votes327 views5 answers
Flip image css
CSS
7 votes325 views2 answers
Make all images same size css
CSS