брейкпоинты @media css

Неправильная самоцель. В разрезе последующих вопросов, всё зависит от конкретного сайта.

Это точки для телефонов. Если такая детализация нужна на конкретном сайте, то нужно их учитывать.

Это условность. Полагаю, что 8, а не 9 - для исключения ошибки браузерного вычисления размера. По-видимому, это результат экспериментов разработчиков бутстрапа.

Ну, в Бустрап в 17 году вообще как-то так было:

Мне всегда нормальным по разрешениям казалось вот такое:

/*** Standart ***/
@media screen and (max-width: 960px) {
}
/*** iPhone (portrait) ***/
@media screen and (max-width: 775px) {
}
/*** iPhone (landscape) ***/
@media screen and (max-width: 500px) {
}

Ну и 320 захватить. Для старых устройств.

ну 320 это как я понял старые айфоны в вертикалке.

может какая то более детальная специфика по устройствам есть?
ну из разряда какой % каких экранов в каких интервалах в среднем ныне фигурирует

У меня - точно нет. можно по F12, например, посмотреть список устройств с разрешениями, которые предлагает тот же Гугл (в настройках).

Еще у  liveinternet, кажется, есть статистика разрешений:

https://www.liveinternet.ru/stat/ru/resolutions.html?period=month

или вот еще нагуглил:

https://gs.statcounter.com/screen-resolution-stats

никогда не понимал, зачем ограничивать ширину контейнера. Всегда лучше выводить страницу во всю ширину экрана, а сам контент (товары, порнуху, картинки) растягивать под ширину страницы.

То есть, определять не размеры контейнера по ширине, а количество элементов в зависимости от ширины.

Например, до 450пикселей (притом не обязательно ширины экрана, а ширины требуемого контейнера) выводить по 2 элемента, до 750 выводить по 3 элемента и т.д. А ширину самих элементов пересчитывать автоматически.

лучше ориентироваться на свой контент

Какое отношение имеют эти Ваши рассуждения к обсуждаемой теме?

Поставьте себе на сайт скрипт, определяющий ширину экрана, и собирайте себе свою статистику. Вот тогда сложится реальное ощущение относительно реальных посетителей Вашего сайта.