Css

Search

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

    }

Comment

PREVIOUS	NEXT

Code Example
Css :: shrink div to fit content
Css :: ion-split-pane width
Css :: how to hide scrollbar in tailwind css
Css :: overflow-y scroll not working in chrome
Css :: css blur image without blur borders
Css :: CSS adding background image from file
Css :: bottom gradient
Css :: how to center an overlay button using css transform and translate
Css :: css image transparency
Css :: set visibility css
Css :: css how to hyperlink
Css :: scss generate random color
Css :: Setting paragraph margin to 0
Css :: aligne center css
Css :: Sf pro font html
Css :: inline pseudo element
Css :: center background image in css
Css :: mapping and each in sass
Css :: array_filter use keys
Css :: bootstrap table striped change color
Css :: crop image with circle css
Css :: difference between pseudo elements and pseudo classes
Css :: grid-template-columns
Css :: how to make border hover effect in css
Css :: textarea resize grabber style
Css :: flexbox space between
Css :: line icon css
Css :: text sliding css
Css :: rainbow text shadow animation
Css :: losange css

Search

CSS

css media queries laptop

ADD CONTENT