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

26 votes255 views4 answers
How to move text up and down in html
CSS
0 vote249 views1 answer
CSS logo left and navigation right
CSS
2 votes278 views2 answers
Css heading background line
CSS
0 vote315 views1 answer
Css inverted border radius
CSS
420 votes413 views6 answers
Delete array element
CSS
53 votes270 views6 answers
Background color
CSS
0 vote276 views1 answer
Éviter que l'on découvre l'identifiant d'un auteur
CSS
0 vote284 views1 answer
Deep selector
CSS
9 votes283 views3 answers
Css grid repeat
CSS
2 votes299 views1 answer
Css click event jquery
CSS