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

18 votes162 views4 answers
Css rotate animation
CSS
2 votes183 views2 answers
Program to draw circle in C++
CSS
145 votes336 views6 answers
Import bootstrap in react
CSS Bootstrap
8 votes223 views3 answers
Css darkmode
CSS
1 vote170 views1 answer
Input time without am pm
CSS
18 votes148 views2 answers
How to make a game engine
CSS
0 vote165 views1 answer
All ipad Resolutio css
CSS
2 votes167 views1 answer
Flex align top css
CSS
0 vote162 views1 answer
Css width responsive
CSS
0 vote191 views1 answer
Style image so it crops
CSS