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

2 votes386 views1 answer
Admin dashboard html css
CSS
3 votes350 views2 answers
Image overlay in css
CSS
0 vote371 views2 answers
Css prevent scrolling behind overlay
CSS
0 vote355 views2 answers
Filter array by keyword
CSS
0 vote365 views2 answers
Remove unused css styles
CSS
-1 vote334 views1 answer
Text barré css
CSS
0 vote384 views2 answers
Open sublime text 3 from terminal mac
CSS
0 vote343 views1 answer
Scss color black white
CSS
51 votes326 views6 answers
Ellipsis css
CSS
0 vote361 views1 answer
How to middle div
CSS