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 vote108 views1 answer
Css how to find all ids that end with something
CSS
0 vote119 views1 answer
Css aurora effect
CSS
0 vote115 views1 answer
Move text outside div
CSS
4 votes122 views2 answers
How to give background overlay in css
CSS
31 votes121 views6 answers
Linear gradient
CSS
81 votes127 views3 answers
Css all uppercase to capitalize
CSS
52 votes115 views6 answers
Center a div
CSS
3 votes80 views1 answer
Rotate icon on click css
CSS
34 votes116 views3 answers
Css blur background image only
CSS
1 vote115 views2 answers
Css change the button text value
CSS