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

9 votes188 views4 answers
How to stop form from submitting on enter
CSS
0 vote187 views2 answers
Jquery css add important
CSS
0 vote176 views1 answer
Style scroll react csss
CSS
7 votes162 views2 answers
Css font families
CSS
0 vote166 views1 answer
RROR: PKGBUILD contains CRLF characters and cannot be sourced.
CSS
102 votes178 views6 answers
How to center an element in css
CSS
6 votes181 views3 answers
Css change background color of page
CSS
76 votes179 views6 answers
Reduce method
CSS
0 vote185 views1 answer
How to middle div
CSS
0 vote176 views1 answer
Css img src
CSS