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 votes124 views1 answer
Posicionar div centro da tela
CSS
8 votes142 views5 answers
Flex margin between items
CSS
16 votes193 views2 answers
Center h1 css
CSS
4 votes146 views1 answer
Target css by form name
CSS
0 vote171 views1 answer
Bootstrap create full screen background image
CSS Bootstrap
0 vote137 views1 answer
Chrome developer tools css customize
CSS
1 vote165 views3 answers
How to place a table in center in css
CSS
2 votes97 views1 answer
Responsive background image
CSS
1 vote133 views2 answers
Css button border
CSS
3 votes134 views2 answers
Css table row border radius
CSS