Алибек Кулсеитов: Я правильно понял, что вы прописываете размеры элементов в пикселях, поэтому любите контейнеры фиксированной ширины и не понимаете резиновые?
Алибек Кулсеитов: Хочу понять, что вы вкладываете в свои слова. Пожалуйста, поясните другими словами:
1) в чём вы видите несовершенство свой сетки между 768 и 998 px
2) какой беды опасаетесь из-за своего использования body
3) что именно понравилось в запросах бустрапа
4) какое затруднение возникает при попытке сверстать меньше 768 px
Такие варианты:
2.1) Сделайте скриншоты страницы, на которой только два поста, и страницы, на которой видно, что их должно быть больше двух. Например, с помощью https://gyazo.com
2.2) Попробовать плагин https://ru.wordpress.org/plugins/wp-pagenavi/
Я запутался, как помочь.
Работать с бутстрапом на экранах уже 768 пикселей - это одна тема для разговора.
Перейти на бутстрап, когда привык к "Desktop first" - вторая.
А работать с медиа-запросами, не используя сетку бутстрапа, - это, наверное, просто работать с медиа-запросами, отложив бутстрап в сторону.
Может быть, подкинете конкретную задачу и расскажете, как вы её решаете и что в решении не устраивает?
Демо: https://jsfiddle.net/glebkema/vmrt8y2u/