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 vote208 views1 answer
Media query change button text
CSS
3 votes196 views2 answers
Box sizing ftw
CSS
0 vote205 views1 answer
Css ovel
CSS
3 votes255 views1 answer
Width in % of a screen css
CSS
13 votes212 views1 answer
Rgb gold
CSS
5 votes205 views2 answers
Zoom animations in css
CSS
1 vote212 views1 answer
How to open emoji keyboard windows 10
CSS
4 votes218 views4 answers
Change placeholder color
CSS
5 votes201 views2 answers
Make text not selectable
CSS
1 vote197 views1 answer
Before content from attribute
CSS