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 vote177 views1 answer
Css filter img color etc
CSS
0 vote232 views1 answer
Cheat codes for hmtl and css
CSS
10 votes160 views2 answers
Line-height css
CSS
1 vote190 views2 answers
Css ios disable zoom
CSS
0 vote173 views1 answer
Link css in django template
CSS
11 votes195 views2 answers
Css image filter black and white
CSS
1 vote165 views2 answers
Css kommentar
CSS
0 vote208 views1 answer
Npm next-css
CSS
0 vote261 views1 answer
Template html css bootstrap cdn
CSS Bootstrap
0 vote184 views1 answer
Split group of flex item
CSS