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

1 vote190 views1 answer
Overflow-x hidden meaning in css
CSS
3 votes172 views3 answers
Blinking animation css
CSS
54 votes188 views3 answers
Center align an image css
CSS
0 vote181 views1 answer
Getting two scroll bars
CSS
0 vote184 views1 answer
Reference images from css in django
CSS
13 votes221 views5 answers
Transition shorthand
CSS
2 votes170 views1 answer
Posicionar div centro da tela
CSS
34 votes200 views4 answers
Hide element using css
CSS
0 vote225 views1 answer
Scrollable table vertical
CSS
0 vote245 views1 answer
Css padding top screen height
CSS