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

1 vote219 views1 answer
Css select part of class name
CSS
0 vote256 views1 answer
Bootstrap 5 css how to change
CSS Bootstrap
26 votes202 views3 answers
Cursor not pointer
CSS
3 votes225 views1 answer
Top left right bottom css shorthand
CSS
27 votes179 views6 answers
Html color codes
CSS
1 vote205 views1 answer
Css div went over top menu
CSS
0 vote200 views1 answer
Mat select remove underline
CSS
0 vote179 views2 answers
A4 pagw size css
CSS
0 vote228 views2 answers
Fix materialize form label not working
CSS
1 vote205 views1 answer
Css width fit to content
CSS