43 replies

need help in switching `px` based media query to `em` based media query

Hey, folks after finding out that

em

em

is better unit to use with media-query instead of

px

px

I have decided to switch from

px

px

em

em

based mediq query. So, lets say I have this media query in px

@media (max-width: 868px) {
  .......
}

@media (max-width: 868px) {
  .......
}

so, can I write it like this in em assuming user root font-size is

16px

16px

@media (max-width: 54.25em) {
  .......
}

@media (max-width: 54.25em) {
  .......
}

need help in switching `px` based media query to `em` based media query - Kevin Powell - Community