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;
}
}