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 vote337 views1 answer
Hiding button border when clicked
CSS
9 votes330 views6 answers
Round button css
CSS
0 vote322 views1 answer
Html same width as parent
CSS
4 votes336 views3 answers
Css alternate row color
CSS
-1 vote366 views1 answer
Sidebar-Content layout
CSS
1 vote365 views1 answer
Css flip svg
CSS
1 vote334 views1 answer
Double color background css
CSS
0 vote328 views1 answer
Import scss
CSS
0 vote356 views2 answers
How to change the select arrow in css
CSS
3 votes341 views2 answers
Antialiasing css
CSS