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 vote404 views1 answer
Timesheet template html css
CSS
0 vote359 views1 answer
Css full grid span
CSS
6 votes376 views2 answers
Update checkbox size css
CSS
0 vote388 views1 answer
Css horror fonts
CSS
0 vote379 views1 answer
All Stylesheet Media Types
CSS
29 votes391 views2 answers
How to horizontal center a div in css
CSS
0 vote418 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
0 vote391 views1 answer
Css set transition duration for a property
CSS
0 vote371 views1 answer
Ie11 image stretching
CSS
27 votes355 views6 answers
Font border css
CSS