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 vote119 views1 answer
Container transparent text opaque
CSS
9 votes134 views3 answers
Css grid repeat
CSS
2 votes128 views1 answer
Html5 input required length
CSS
43 votes142 views6 answers
Css change background color
CSS
0 vote133 views1 answer
Elementor sticky keep within column
CSS
-2 votes138 views1 answer
Sliding text css
CSS
0 vote124 views1 answer
Css centrar imagen
CSS
57 votes139 views3 answers
How to round the corners of a div outline in css
CSS
1 vote153 views1 answer
How to make div scrollable horizontal
CSS
6 votes150 views3 answers
Input checkbox size
CSS