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 vote192 views3 answers
Sass use variables from another file
CSS
1 vote165 views2 answers
How to filter css red
CSS
0 vote178 views1 answer
Min-height not working on body
CSS
0 vote185 views1 answer
Set border only left and right css
CSS
47 votes184 views9 answers
Cannot be loaded because running scripts is disabled on this system
CSS
0 vote182 views1 answer
Check browser on css
CSS
-1 vote189 views3 answers
Scss
CSS
98 votes167 views6 answers
Css center
CSS
0 vote172 views1 answer
Redesign html select
CSS
0 vote189 views1 answer
Nginx proxy_pass pass css asset not loading
CSS