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 vote342 views2 answers
Media max height css
CSS
37 votes386 views1 answer
Placeholder font size
CSS
3 votes350 views2 answers
Css select all elements except last css
CSS
0 vote342 views1 answer
Content visability auto
CSS
7 votes383 views2 answers
Make images same size css
CSS
0 vote366 views1 answer
How to center a list in html
CSS
68 votes427 views6 answers
Flex
CSS
65 votes380 views3 answers
Css set variable
CSS
0 vote360 views1 answer
Elementsone after other css
CSS
2 votes350 views1 answer
Vertically center an svg
CSS