Why are we using em as unit for media query and not using px

[ajayranga]

.header-menu-mobile-toggle {
  @media (min-width: 48em) {
    display: none;
  }
}

[jamalsoueidan]

I would imagine to align with breakpoints, they are setup using em