Home  »  CodeGuidesProgrammingSnippetsTechnology   »   CSS Media Query Max And Min Width Code

CSS Media Query Max And Min Width Code

Posted: September 13, 2022 | by Site Host

CSS media query max and min width code example snippets.

/* Max-width */
@media only screen and (max-width: 980px)  {...}

/* Min-width */
@media only screen and (min-width: 576px)  {...}

/* Combining media query expressions */
@media only screen and (max-width: 980px) and (min-width: 576px)  {...}

/* Example */
@media only screen and (max-width: 980px) and (min-width: 576px)  {
  .container {
    display:block;
    margin:20px;
  }
}

Found this article interesting? Follow Brightwhiz on Facebook, Twitter, and YouTube to read and watch more content we post.

Share it!

See also  How to Show or List all Branches in git