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 vote190 views1 answer
Thumb personalizzata wp
CSS
23 votes200 views5 answers
Flip image css
CSS
4 votes238 views6 answers
Aos library
CSS
1 vote187 views1 answer
Give shadow all around uniformly css
CSS
0 vote188 views1 answer
Dad
CSS
0 vote183 views1 answer
Css remove second element
CSS
0 vote211 views1 answer
How to add font otf format in html
CSS
1 vote210 views1 answer
Universal selector incss'
CSS
6 votes137 views3 answers
Django css
CSS
0 vote198 views1 answer
Random color scss
CSS