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

5 votes125 views1 answer
Safari only CSS hack
CSS
0 vote134 views1 answer
Grape change status code
CSS
0 vote161 views1 answer
Html datalist css style
CSS
0 vote125 views1 answer
How to make focus outline round in html
CSS
1 vote160 views2 answers
Increase tooltip width in angular material
CSS
0 vote133 views1 answer
Reindent sublime
CSS
25 votes147 views4 answers
Visibility
CSS
0 vote135 views2 answers
Mat-select-panel-wrap change position
CSS
0 vote177 views1 answer
Inline block and 50% width not aligning items
CSS
0 vote129 views1 answer
Dict to sql python
CSS