Для примера есть блок с баннером и на разрешении 991 он отображается с определенными стилями, но если это мобильное устройство то нужны другие стили на этом же разрешении для этого блока

Или может я как-то не так объясняю ((

Есть ещё какие-нибудь варианты с адаптацией?

Можешь посмотреть media hover и media pointer, но я не пользовался ничего про них сказать не могу.
Обычно когда нужно js определяет устройство и навешивает нужный класс на страницу, или сервер отдает нужные стили в зависимости от устройства.

Надо подумать как быть

Всем спасибо

Честно говоря, более удобно использовать mobile first подход, то бишь использовать min-width на брекпоинтах. Получается, что у тебя дойдет до определенной ширины и применятся стили. По поводу "нужно чтобы для каждого устройства было свое отображение". Используя media запросы в css, браузер будет самостоятельно определять когда ширина экрана становится определенной и контент будет подстраиваться, если правильно прописаны медиа запросы. В Гугле ты найдешь рекомендуемые "брекпоинты" для разных устройств. Вот некоторые из них для max-width, у тебя подход desktop-first, верстать больше. Но это на будущее, посмотри media запросы и подход к адаптивной вёрстке mobile first

gulp:   Оказывается pug на автомате минимизирует код... то есть можно htmlmin сносить или лучше всего отключить минимизацию кода в pug?

Что будет лучше?

Если всё равно как, то я естественно выберу "убрать htmlmin", так как минус на 1 работающий плагин, плюс к скорости компиляции.

ребят всем привет

есть ссылка на бесплатные псд макеты для верстки?

Либо так
https://google.gik-team.com/?q=psd+%D0%BC%D0%B0%D0%BA%D0%B5%D1%82%D1%8B+%D0%B4%D0%BB%D1%8F+%D0%B2%D0%B5%D1%80%D1%81%D1%82%D0%BA%D0%B8

спасибо огромное

ку, хлопци. помогите пж, можно ли сказать, что в примере
let user = {
 name: "John"
};  
user - это ссылка на обьект name ?

нет

это ссылка на объект в котром есть свойство name

то бишь обьектом можно назвать John?