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 vote193 views1 answer
Autoprefixer\
CSS
1 vote201 views2 answers
How to middle fixed element
CSS
0 vote199 views1 answer
Setting background for anchor pane
CSS
1 vote213 views1 answer
Padding up down left right
CSS
0 vote213 views1 answer
Poner en input signo dolar con css
CSS
0 vote200 views1 answer
Font-strech css
CSS
57 votes198 views6 answers
Text shadow css
CSS
0 vote184 views1 answer
Css ol align center
CSS
0 vote207 views1 answer
Css select havig both classes
CSS
0 vote210 views1 answer
Adding active Class with JavaScript
CSS