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 vote124 views1 answer
How to make div scrollable horizontal
CSS
0 vote111 views1 answer
Selectors combinators css
CSS
74 votes111 views6 answers
Flex css
CSS
0 vote124 views1 answer
Protéger les fichiers .htaccess et .htpasswds
CSS
6 votes107 views4 answers
Tailwind css npm
CSS
0 vote111 views1 answer
For...in...loop
CSS
0 vote96 views1 answer
Css overflow smooth scroll mobile
CSS
0 vote108 views1 answer
Unable to locate package neo4j
CSS
1 vote105 views1 answer
Hard blink
CSS
1 vote113 views1 answer
Css linkup
CSS