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 votes221 views2 answers
Css all children of type
CSS
0 vote222 views10 answers
How to create a snake game in html css js
CSS
0 vote260 views1 answer
To make card box appear more bigger when hover
CSS
19 votes238 views6 answers
Css text border
CSS
0 vote257 views1 answer
Css media query overflow
CSS
2 votes251 views1 answer
Select dropdown icon change
CSS
1 vote241 views1 answer
Display in flexbox
CSS
4 votes238 views2 answers
Html css rounded corners with mark
CSS
1 vote253 views1 answer
Input type search remove x
CSS
1 vote247 views1 answer
Button click css style
CSS