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 vote290 views1 answer
Css on hover do something to children
CSS
3 votes287 views3 answers
Css brightness
CSS
2 votes290 views2 answers
Remove the glow in bootstrap input
CSS
3 votes313 views1 answer
Include screen size
CSS
19 votes282 views2 answers
How to customize placeholder css
CSS
0 vote303 views1 answer
Why we are translating -50%, -50% in css
CSS
4 votes258 views5 answers
Placeholder text css
CSS
0 vote294 views1 answer
Django html not using css
CSS
38 votes273 views5 answers
Css roboto font
CSS
-1 vote271 views2 answers
Trasition opacity
CSS