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 vote193 views1 answer
Media query change button text
CSS
0 vote138 views0 answer
CSS
-1 vote195 views1 answer
Bootstrap scrollable modal
CSS
0 vote181 views1 answer
Backface-visibility sass
CSS
1 vote195 views2 answers
How to middle fixed element
CSS
0 vote307 views1 answer
Css remove scrollbar from body
CSS
17 votes206 views2 answers
Rgb green
CSS
8 votes176 views1 answer
Html watermark background
CSS
1 vote198 views1 answer
Css different sreen size
CSS
0 vote291 views1 answer
Import global variables scss angular
CSS