1font-size: clamp(1rem, 2.5vw, 2rem);
2font-size: clamp(1.5rem, 2.5vw, 4rem);
3font-size: clamp(1rem, 10vw, 2rem);
1/*clamp(min value,idle value , max value);*/
2.title{
3 /*this create minimum font size ,maximum font size */
4 font-size:clamp(2rem,5vw,5rem);
5}
1width: clamp(400px, 60vw, 600px);
2
3div {
4 font-size: clamp(1.1rem, 0.7153rem + 1.6368vw, 1.5rem);
5}
6
7.logo {
8 width: clamp(350px, 75%, 800px);
9}
10And the font’s CSS is:
11.title {
12 font-size: clamp(1.5rem, 5vw, 4rem);
13}