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

2 votes164 views1 answer
Underline css animation hover
CSS
0 vote198 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
-1 vote201 views4 answers
Css after
CSS
3 votes200 views1 answer
Svg stroke color
CSS
0 vote176 views2 answers
Setting multiple css using dom
CSS
0 vote221 views1 answer
Deploy truffle project on testnet
CSS
0 vote169 views1 answer
Padding bottom and top css in same ligne
CSS
42 votes179 views6 answers
Text overflow css
CSS
1 vote209 views1 answer
Ul li dot seprator
CSS
2 votes171 views2 answers
Carousel css
CSS