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 vote341 views1 answer
How to target input type with css
CSS
1 vote380 views1 answer
Multiple divs next to each other
CSS
6 votes316 views3 answers
Equivalent zoom css
CSS
0 vote353 views1 answer
Css fade change coloir
CSS
0 vote337 views1 answer
Nuxt scss
CSS
6 votes328 views2 answers
How to make a division center css
CSS
36 votes314 views5 answers
Text-color gradient css
CSS
0 vote314 views1 answer
Box-shadow um ganzen div
CSS
0 vote355 views1 answer
Remove effect off animation css
CSS
56 votes326 views1 answer
Media queries screen width
CSS