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

3 votes261 views5 answers
India
CSS
0 vote223 views1 answer
DIVI Responsive menu breakpoints
CSS
3 votes221 views2 answers
No hover effect css
CSS
1 vote232 views3 answers
Space between items in css
CSS
162 votes236 views5 answers
Css shaddow
CSS
-2 votes221 views1 answer
How to add a button in html and css
CSS
43 votes244 views5 answers
Css text overflow
CSS
0 vote217 views1 answer
Free hrml css curs
CSS
0 vote212 views1 answer
Add logo html css
CSS
0 vote265 views1 answer
Spanning Items Across Rows and Columns
CSS