css clamp

1padding: clamp(0.5vw, 1.5vw, 2vw);

1font-size: clamp(lower-bound, preferred-value, upper-bound);

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}

1margin: clamp(0.5vw, 1.5vw, 2vw);

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}