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

8 votes263 views5 answers
Flex margin between items
CSS
0 vote285 views2 answers
Weer
CSS
2 votes260 views1 answer
How to make html element not selectable
CSS
1 vote264 views1 answer
Css thinner hr
CSS
2 votes332 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
0 vote261 views1 answer
Cd cover dimensions
CSS
4 votes276 views1 answer
How to center placeholdr text
CSS
72 votes281 views6 answers
How to change font size in css
CSS
-1 vote267 views1 answer
Css background linear gradient transparent
CSS
0 vote255 views1 answer
List style type none still leaves room for bullet
CSS