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

2 votes338 views1 answer
Excel arabic numbers
CSS
0 vote329 views1 answer
Css shape-outside
CSS
25 votes330 views4 answers
Visibility
CSS
0 vote354 views1 answer
How to install tailwind cdn
CSS
29 votes340 views3 answers
How to remove scrollbar in css
CSS
2 votes388 views2 answers
How to add an icon to your website tab
CSS
0 vote344 views1 answer
Css style nth child beyond certain number
CSS
17 votes327 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
0 vote335 views1 answer
Access lamp folder using terminal mac
CSS
0 vote336 views1 answer
Cheat codes for hmtl and css
CSS