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

4 votes127 views1 answer
How to move anything left in css
CSS
0 vote194 views1 answer
Materialize css form file input
CSS Materialize
3 votes129 views1 answer
Select text-align center
CSS
0 vote113 views1 answer
Jquery hover class css not working
CSS
0 vote78 views1 answer
Wordpress force https
CSS
0 vote114 views1 answer
Touch-action in css
CSS
0 vote113 views1 answer
Generate your tailwind.config.js file
CSS
2 votes119 views3 answers
Remove border css
CSS
0 vote116 views10 answers
Stack Overflow
CSS
0 vote126 views1 answer
Disable button outline in css
CSS