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

58 votes112 views6 answers
How to remove underline from link
CSS
2 votes72 views1 answer
Bootstrap list view
CSS
0 vote107 views1 answer
Border radius circle button
CSS
0 vote170 views1 answer
Index.css code not working in 000webhost
CSS
0 vote295 views1 answer
Get into a Docker container bash
CSS
0 vote110 views1 answer
Double border color css
CSS
2 votes90 views3 answers
Ul hide bullet css
CSS
3 votes97 views2 answers
How to zoom iin by default in html page
CSS
0 vote103 views1 answer
Css3 background image curve
CSS
0 vote218 views1 answer
Removing input border shadow
CSS