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

28 votes236 views5 answers
Default cursor css
CSS
1 vote185 views2 answers
Css color black
CSS
0 vote194 views1 answer
Css variables css tricks
CSS
51 votes199 views6 answers
Css first element
CSS
1 vote212 views1 answer
Increase font size zenity
CSS
0 vote163 views1 answer
New margin property css 2021
CSS
0 vote188 views1 answer
Add logo html css
CSS
18 votes204 views6 answers
Text outline css
CSS
0 vote210 views1 answer
Css calc function
CSS
0 vote219 views1 answer
How to make any word italic in html and css
CSS