Css clamp vs media queries

<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;
  }
}

Similar codes

0 vote134 views2 answers
How to change svg image color on hover using css
CSS
0 vote146 views1 answer
Uninstall wine 6.0.1
CSS
0 vote154 views1 answer
By.cssselector
CSS
0 vote190 views1 answer
Show modal in bootstrap 4
CSS Bootstrap
21 votes968 views3 answers
How to create a circle with css
CSS
0 vote132 views1 answer
How to make an element vertically centered in a dv
CSS
1 vote128 views1 answer
Mirror css a pseudo :after or :before
CSS
1 vote140 views1 answer
Ionchips scroll x
CSS
35 votes198 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
0 vote138 views2 answers
Css animation png
CSS