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

3 votes152 views2 answers
Css text color border
CSS
0 vote212 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS
0 vote157 views1 answer
Css align backround image to the right
CSS
0 vote158 views1 answer
1rem in px
CSS
1 vote166 views2 answers
Text align left top
CSS
-1 vote173 views2 answers
Css lock scroll
CSS
1 vote156 views1 answer
Add black above image css
CSS
3 votes207 views1 answer
Bootstrap 3 offset
CSS Bootstrap
0 vote192 views1 answer
Css top right corner
CSS
12 votes155 views4 answers
Sticky header
CSS