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 vote431 views2 answers
Zoom image on click css
CSS
3 votes329 views2 answers
Image overlay in css
CSS
19 votes337 views2 answers
Border color css
CSS
0 vote329 views1 answer
How to package tailwindcss for deployment
CSS
3 votes339 views3 answers
Css border left
CSS
0 vote329 views2 answers
Css animation png
CSS
7 votes422 views2 answers
Stick footer to bottom
CSS
1 vote286 views1 answer
Css min value
CSS
0 vote300 views1 answer
Neumorphism css generator
CSS
0 vote372 views1 answer
Sticky footer not working bootstrap
CSS