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

6 votes307 views2 answers
How to make all the columns equal size with flexbox
CSS
2 votes300 views2 answers
Display flex align last item to left
CSS
0 vote348 views1 answer
Html css make p div into two lines
CSS
1 vote299 views1 answer
Css url do not change color of visited links
CSS
0 vote320 views1 answer
Pourquoi mon css ne fonctionne pas quand je recharge la page
CSS
18 votes426 views6 answers
Install bootstrap angular 9
CSS Bootstrap
2 votes317 views6 answers
Add image to css
CSS
1 vote317 views1 answer
Slickjs height
CSS
1 vote315 views1 answer
Javafx right-align in vbox
CSS
1 vote303 views1 answer
Make bg blurred css
CSS