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

60 votes329 views4 answers
Hide scroll bar for a dive
CSS
0 vote304 views1 answer
Setting size for png icon in CSS
CSS
0 vote269 views1 answer
Advanced custom fields cpt options pages
CSS
0 vote303 views1 answer
Css change width animation
CSS
0 vote296 views1 answer
Daphne vs gunicorn
CSS
54 votes289 views2 answers
How to center an image element inside a block in css
CSS
1 vote297 views2 answers
Put a border only on bottom
CSS
2 votes294 views2 answers
Display flex align last item to left
CSS
0 vote280 views1 answer
Space between span and svg in css
CSS
-1 vote315 views1 answer
Line break inside content css
CSS