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

1 vote179 views1 answer
Detect portrait landscape css
CSS
5 votes202 views3 answers
How to make a dotted hr in css
CSS
0 vote169 views1 answer
Flex fill space
CSS
0 vote169 views1 answer
Css cursor finger
CSS
2 votes150 views3 answers
Ul hide bullet css
CSS
3 votes157 views2 answers
How to make hover effect none in css
CSS
0 vote200 views1 answer
Importing scss into vue component
CSS
1 vote165 views1 answer
Box shador of one border css
CSS
6 votes165 views4 answers
Disable click css
CSS
1 vote173 views1 answer
Css placeholder text truncate
CSS