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

29 votes336 views4 answers
Css input
CSS
3 votes320 views2 answers
How to modify select icon csshow to modify select icon css
CSS
1 vote349 views1 answer
Margin clickable
CSS
2 votes315 views2 answers
Slick arrow css
CSS
0 vote335 views2 answers
Css style select arrow color
CSS
0 vote327 views1 answer
Blue color when button click web mobile
CSS
0 vote367 views1 answer
Table inside table not matching borders
CSS
1 vote371 views1 answer
Css select part of class name
CSS
68 votes396 views6 answers
Flex
CSS
0 vote342 views2 answers
Get all tables laravel
CSS