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 vote173 views1 answer
Custom taxonomy pagination 404
CSS
0 vote147 views1 answer
Material css sidebar
CSS
0 vote160 views1 answer
Javascript select element that does not have attribute
CSS
0 vote162 views1 answer
Bootstrap progress bar animation not working
CSS
0 vote224 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
0 vote149 views1 answer
Low opacity whit out toching child nods
CSS
0 vote165 views1 answer
Circle with 4 colors css
CSS
38 votes160 views4 answers
Css pointer event
CSS
0 vote176 views2 answers
Fix materialize form label not working
CSS
0 vote143 views1 answer
Css overflow smooth scroll mobile
CSS