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

0 vote214 views1 answer
WSGI: Truncated or oversized response headers received from daemon process
CSS
3 votes194 views2 answers
Scss sass watch command line
CSS
3 votes212 views2 answers
Image overlay in css
CSS
1 vote269 views1 answer
Scroll background still
CSS
2 votes201 views1 answer
Css how to add double shadow to text
CSS
0 vote223 views1 answer
Float: down css
CSS
1 vote210 views1 answer
Dom ids have numbers
CSS
5 votes215 views4 answers
What is inset in css
CSS
46 votes212 views2 answers
Customize scrollbar
CSS
0 vote225 views1 answer
Tailwindcss tutorial
CSS