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 vote102 views1 answer
Sumar clases css
CSS
0 vote143 views1 answer
How to disable phone number linking in Mobile Safari
CSS
0 vote212 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
0 vote163 views1 answer
Elementsone after other css
CSS
4 votes181 views3 answers
.col-6 bootstrap
CSS Bootstrap
1 vote166 views1 answer
Cdd first child
CSS
0 vote177 views1 answer
Jquery replace css class
CSS
0 vote163 views1 answer
Function for style your theme wordpress php
CSS
12 votes151 views4 answers
On hover display another div css
CSS
0 vote116 views1 answer
Changer angle div
CSS