Такое используется, когда это целесообразно.
С той же целью еще можно min и max использовать в одном запросе, например:
@media (min-width: 768px) and (max-width: 1023px) {...}
Но пихать все перезаписываемые свойства под медиа-запросы я считаю не очень хорошей практикой по нескольким причинам:
- это усложняет структуру кода, и ухудшает читаемость
- хоть в инспекторе и отображается меньше свойств , но сам css файл растет, а на скорость загрузки влияет именно он
- так же свойства по-умолчанию прописываются для максимальной совместимости, хотя это скорее всего уже неактуально
Это сугубо моё мнение, интересно было бы послушать другие.
п.с. А вот с использованием дробных значений в брэйкпойнтах я на сталкивался