Breakpoints in em unit
I almost all the time notice that Kevin uses breakpoints in em unit. But I wonder why? What is the benefit we get when breakpoints in em unit are used? Is there any youtube link or resources available?
Thanks in advance. 🙂
1 Reply
The simplest answer is that
em is reactive based on the current font size. Breakpoints should be created where the content breaks (hence the name!) and the most common places it "breaks" is based on the text content.
Having the breakpoint be based on the current font size means that if the user has changed their default font size then the breakpoint should change to take that into consideration.
Also, this question is best re-posted in #discussions as it's not a question about a specific bit of code but rather a general question. Feel free to repost there as I'm locking this one.