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 vote218 views1 answer
Emotion select all childrens
CSS
0 vote241 views1 answer
Use PurifyCSS with hugo
CSS
0 vote220 views1 answer
Center a button wordpress
CSS
0 vote216 views1 answer
Button active css
CSS
-1 vote233 views4 answers
Css after
CSS
0 vote202 views1 answer
Changing bakcgound color like animation using tailwind
CSS
0 vote199 views1 answer
Unclickable button
CSS
1 vote219 views2 answers
Css select all immediate children
CSS
0 vote226 views1 answer
Time an element to disappear css
CSS
0 vote220 views1 answer
How to get text to auto break in a grid
CSS