Created by: johanlef
If I want to customise the breakpoints using em
, I get compatibility errors.
$grid-breakpoints: (
default: 0em,
watch: 20em,
phone: 30em
// etc.
}
It is good practice to set breakpoints in em
instead of px
when users change font size in their browser. See https://zellwk.com/blog/media-query-units/#concluding-the-experiments for more information why someone would like to do this. Only Safari users could get annoyed: https://adamwathan.me/dont-use-em-for-media-queries/
In any case, using a unitless number at line 42 would be very convenient.