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 vote223 views1 answer
How to use rgba in css
CSS
0 vote249 views1 answer
Materialisecss
CSS
2 votes210 views1 answer
Margin for text in html
CSS
14 votes257 views4 answers
Css first of type
CSS
29 votes225 views9 answers
Traduttore
CSS
0 vote241 views1 answer
Jquery hide scrollbar but allow scrolling
CSS
33 votes235 views3 answers
Change button shaddow css
CSS
0 vote238 views1 answer
Format hexagonal css get
CSS
1 vote228 views1 answer
Html details summary marker remove
CSS
0 vote244 views1 answer
Make the cursor appear as a crosshair on all links of the web page:
CSS