Fluid typography

body {
  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
}

Source: css-tricks.com

Fluid typography

html {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  html {
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
  }
}
@media screen and (min-width: 1000px) {
  html {
    font-size: 22px;
  }
}

Source: css-tricks.com

Similar codes

0 vote252 views1 answer
Nibabel ValueError: w2 should be positive, but is
CSS
0 vote198 views1 answer
Disable line breaking html span
CSS
0 vote210 views1 answer
Compass font awesome
CSS
1 vote186 views1 answer
Mat stepper custom css
CSS
3 votes135 views1 answer
Css vendor prefix
CSS
51 votes185 views5 answers
Css reset
CSS
4 votes230 views3 answers
.col-6 bootstrap
CSS Bootstrap
0 vote181 views2 answers
Modal pop up html css
CSS
-1 vote226 views1 answer
Css selector list
CSS
13 votes186 views4 answers
Delected blue border when an input is selected
CSS