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 vote226 views1 answer
/* */
CSS
0 vote269 views1 answer
Regex remove css comment
CSS
1 vote226 views2 answers
Hover border bottom css fixed
CSS
1 vote228 views1 answer
Css selector no attribute
CSS
0 vote241 views1 answer
Css select having both classes
CSS
23 votes241 views4 answers
Gradient border css
CSS
17 votes216 views1 answer
Css opacity example
CSS
0 vote229 views1 answer
How to use a background property in css
CSS
1 vote243 views2 answers
What does clearfix for floats do in css
CSS
0 vote210 views1 answer
How to remove underline from list item in html
CSS