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

-1 vote337 views1 answer
Css comando para poner una imagen como fondo en html
CSS
1 vote310 views1 answer
Bottom css don't work for p
CSS
0 vote358 views2 answers
Html select image background arrow
CSS
2 votes299 views1 answer
Popsition relative css
CSS
1 vote316 views1 answer
Font condensed
CSS
0 vote281 views3 answers
Css how to make 2d animations at once
CSS
0 vote293 views1 answer
Sdsd
CSS
4 votes314 views2 answers
Change bot description background top.gg
CSS
20 votes399 views2 answers
Bootstrap screen sizes
CSS Bootstrap
0 vote383 views1 answer
Wordpress clear cache command line
CSS