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 vote131 views1 answer
What is focus state in css
CSS
3 votes129 views1 answer
Font family comic sans ms
CSS
0 vote124 views1 answer
Tint image css
CSS
80 votes145 views6 answers
Css favicon
CSS
1 vote125 views1 answer
::-ms-clear
CSS
0 vote113 views1 answer
How to remove text highlight on double click
CSS
1 vote153 views1 answer
Css scrollbar always visible
CSS
46 votes110 views2 answers
Customize scrollbar
CSS
1 vote234 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
0 vote122 views1 answer
Icon float right side input css
CSS