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 vote230 views1 answer
Map find link href element click
CSS
0 vote183 views1 answer
If i forked and cloned a github repo can i change the name
CSS
0 vote184 views1 answer
Selection Handler css
CSS
0 vote261 views2 answers
Bootstrap 5 container
CSS Bootstrap
5 votes186 views3 answers
CSS RESPONSIVE
CSS
-1 vote214 views1 answer
How to use a blank space with grid template areas css
CSS
3 votes235 views1 answer
Learn css animation
CSS
0 vote151 views1 answer
Sticky form look blurred
CSS
0 vote235 views1 answer
Rotate keyfreame animation
CSS
104 votes265 views6 answers
Media screen
CSS