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

1 vote195 views1 answer
Border bottom under text only
CSS
0 vote233 views1 answer
Nth-of-type(2):before
CSS
1 vote202 views1 answer
Cs and cd in jfet
CSS
0 vote208 views2 answers
Add profile picture to a form in html and css
CSS
222 votes599 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
21 votes197 views2 answers
Remove focus border
CSS
0 vote205 views1 answer
Ul or ol with no indent
CSS
1 vote224 views1 answer
On hover chang only border color of a button css
CSS
1 vote183 views1 answer
Login
CSS
0 vote153 views1 answer
Création forme geometrique 5 cote html css
CSS