Какой стиль выбрать для медиа-выражений?

Question

[Pisht]

Допустимо ли при верстке, придерживаясь подхода "mobile first", иногда прописывать медиа-выражения, например, в виде:

.selector {
  @media (min-width: 768px) and (max-width: 1199px) {
    display: none;
  }
}

или же стоит придерживаться всегда единой стилистики mobile first, т.е.:

.selector {
  @media (min-width: 768px)  {
    display: none;
  }
  
  @media (min-width: 1200px)  {
    display: block;
  }
}

Comments

[Сергей delphinpro]

Можно. И даже нужно, если это уменьшает количество переопределений.