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

3 votes303 views2 answers
Css affect all child elements
CSS
1 vote314 views1 answer
Css select with attribute
CSS
1 vote324 views1 answer
Make mat card scrollable
CSS
0 vote324 views1 answer
Next day 2pm delivery countdown timer script
CSS
3 votes301 views2 answers
How to make border for letters in css
CSS
0 vote319 views1 answer
Sass each index
CSS
0 vote282 views1 answer
Border box reset
CSS
162 votes375 views5 answers
Css shaddow
CSS
0 vote309 views1 answer
Account system php html
CSS
0 vote314 views1 answer
How to make scroller show only on hover of container
CSS