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

67 votes181 views6 answers
Center absolute
CSS
0 vote225 views1 answer
Global css cannot be imported from files other than your
CSS
1 vote265 views1 answer
Bootstrap card hover effect
CSS Bootstrap
-1 vote161 views2 answers
Html and css websites
CSS
8 votes168 views1 answer
Align in the middle of page html
CSS
12 votes179 views1 answer
Disable increment in input type number
CSS
0 vote168 views2 answers
How to reduce the size of png image in css
CSS
0 vote206 views1 answer
Css lobotomized owl
CSS
5 votes174 views3 answers
Background-image linear gradient and border radius
CSS
103 votes178 views2 answers
What are the types of positioning in css
CSS