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 vote300 views1 answer
Box style
CSS
1 vote192 views1 answer
How to make a relative div not take up space
CSS
56 votes262 views1 answer
Media queries screen width
CSS
3 votes203 views2 answers
Set css to default
CSS
0 vote208 views2 answers
Css full cover background image
CSS
-1 vote201 views1 answer
How to hover div in css
CSS
22 votes195 views2 answers
Rgb white
CSS
0 vote194 views1 answer
Css change overflow scrollbar
CSS
0 vote205 views1 answer
Website meta tags example
CSS
3 votes212 views1 answer
Hover none in css
CSS