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 vote198 views1 answer
Css feather border
CSS
2 votes244 views1 answer
Three dots in css
CSS
0 vote264 views3 answers
Force keyboard to show android programmatically
CSS
14 votes265 views6 answers
Bootstrap image size
CSS
0 vote236 views1 answer
Add youtube video in markdown
CSS
7 votes251 views6 answers
Css animation loop
CSS
1 vote237 views1 answer
Timesheet template html css
CSS
25 votes269 views3 answers
Invisible item frames in minecraft
CSS
11 votes269 views6 answers
Warning: LF will be replaced by CRLF in
CSS
1 vote235 views1 answer
Apply css if class not present
CSS