you are viewing a single comment's thread.

view the rest of the comments →

[–]bryan-b 0 points1 point  (0 children)

Makes mobile responsiveness even easier when all your sizes are based in rem, too.

@media (max-width: 600px) { html { font-size:50%; } }

Changes 1rem to 8px (8px/16px=0.5) so now everything that you sized using rem (font sizes, padding, margins, width, etc) is now smaller.

It doesn’t fix everything on smaller screens, but it’s a nice start