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

19 votes163 views4 answers
Scss react
CSS
0 vote220 views1 answer
Focus in styled component
CSS
16 votes148 views4 answers
Change background CSS
CSS
0 vote152 views2 answers
Css text truncate 2 lines
CSS
3 votes217 views1 answer
Css perfect box shadow
CSS
-2 votes155 views1 answer
Add css dynamically in angular 6
CSS
59 votes163 views4 answers
Rgb blue color code
CSS
1 vote148 views1 answer
Floating object animation css
CSS
2 votes114 views2 answers
Box shadow all sides w3schools
CSS
0 vote159 views1 answer
React bootstrap carousel not working
CSS