Set default rem css

/* Document level adjustments */
html {
  font-size: 17px;
}
@media (max-width: 900px) {
  html { font-size: 15px; }
}
@media (max-width: 400px) {
  html { font-size: 13px; }
}

/* Type will scale with document */
h1 {
  font-size: 3rem;
}
h2 {
  font-size: 2.5rem;
}
h3 {
  font-size: 2rem;
}

Similar codes

0 vote353 views3 answers
Sass color functions
CSS
0 vote330 views1 answer
Container transparent text opaque
CSS
1 vote392 views1 answer
Content-visibility
CSS
0 vote315 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS
1 vote362 views1 answer
Animate font weight css
CSS
0 vote397 views0 answer
ArrayShuffle
CSS
0 vote333 views1 answer
How to give text two colors in css
CSS
0 vote306 views2 answers
Gray scale css
CSS
0 vote370 views1 answer
Set another font in css
CSS
36 votes332 views4 answers
Text color as gradient css
CSS