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

2 votes210 views1 answer
Margin for text in html
CSS
0 vote241 views1 answer
Side nav bar in materialize css
CSS Materialize
0 vote195 views0 answer
CSS
1 vote264 views1 answer
Position footer to stay at bottom of screen flexbox
CSS
16 votes230 views4 answers
Arrow right css
CSS
0 vote240 views2 answers
COMENTARIOS EN CSS
CSS
0 vote247 views1 answer
React exact path highlight
CSS
1 vote240 views2 answers
How to make hr class bootstrap full width
CSS
7 votes249 views3 answers
Border-width in percentage
CSS
0 vote229 views1 answer
Css display offscreen
CSS