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

116 votes333 views6 answers
How to hide the scrollbar in css
CSS
0 vote347 views1 answer
Emotion select all childrens
CSS
0 vote320 views1 answer
Css design guideline
CSS
1 vote321 views1 answer
Css border only top and bottom
CSS
3 votes360 views3 answers
Hide scroll bar when not needed
CSS
0 vote332 views2 answers
Remove button shadow css
CSS
0 vote348 views1 answer
How to add dotted line after and before text in css
CSS
2 votes387 views1 answer
Css square image
CSS
1 vote356 views1 answer
Css selector with text content
CSS
1 vote348 views1 answer
How to write if condition in css
CSS