Fonts set with rem are easier to control than em, and if you use that then em becomes a really handy method of specifying space around those elements. I’ve been experimenting with variations on font-size: calc(1rem + 0.3vw); as a way of setting font sizes that don’t need media queries.
Then there are things like trying to use max-width instead of width etc. Really depends on the context. 🙌
My main focus is JavaScript specialising in frontend UI with React. I like to explore different frameworks and technologies in my spare time. Learning languages (programming and real life) is a blast.
Location
London
Education
Bachelor of Design Innovation in Media Design, Victoria University of Wellington
Such a big topic! That said...
Fonts set with
rem
are easier to control thanem
, and if you use that thenem
becomes a really handy method of specifying space around those elements. I’ve been experimenting with variations onfont-size: calc(1rem + 0.3vw);
as a way of setting font sizes that don’t need media queries.Then there are things like trying to use
max-width
instead ofwidth
etc. Really depends on the context. 🙌I know it’s a big topic but thanks for sharing those great tips. The
font-size
calculation looks great.I’m loving
vw
andvh
units at the moment for making things more responsive.