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

34 votes177 views6 answers
Css linear gradient
CSS
-1 vote194 views2 answers
Css lock scroll
CSS
79 votes227 views6 answers
Css media query
CSS
1 vote191 views1 answer
@media between two sizes
CSS
0 vote171 views1 answer
Low opacity whit out toching child nods
CSS
0 vote204 views1 answer
Calc(100vh - px)
CSS
0 vote196 views1 answer
Use flex in container with multiple components
CSS
22 votes249 views6 answers
Blur css
CSS
3 votes169 views1 answer
Css sass install
CSS
0 vote184 views1 answer
Change size
CSS