Breaking News: Grepper is joining You.com. Read the official announcement!

css clamp vs media queries

Syntax Error answered on October 4, 2021 Popularity 6/10 Helpfulness 2/10

answer css clamp vs media queries

css clamp vs media queries

Comment

<article>
  Lorem ipsum ...
</article>

/* Using clamp -------------------------- */
article {
  width: clamp(200px, 50%, 800px);
}


/* Using media queries ------------------ */
/* Default */
article {
  width: 50%;
}

/* Small screens */
@media only screen and (max-width: 600px) {
  article {
    width: 200px;
  }
}

/* Large screens */
@media only screen and (min-width: 1200px) {
  article {
    width: 800px;
  }
}

Popularity 6/10 Helpfulness 2/10 Language css

Source: Grepper

Tags: clamp css media-queries

Link to this answer
Share Copy Link

Contributed on Oct 04 2021

Syntax Error

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

css clamp vs media queries

Contents

More Related Answers

css clamp vs media queries

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.