Рубрика "Доработать напильником"

На фоне очередных шатаний очобы решил выложить код стиля на псевдо-мансонри вёрстку.

@media (min-width: 1900px){ .layout--feed.layout--column-left-on.layout--column-right-on #page_wrapper{ width: 100%; } .feed__chunk{ width: auto; display: inline-grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 5px; } .layout--content.layout--column-left-on.layout--column-right-on.layout--ad-blocked #page_wrapper, .layout--content.layout--column-left-on.layout--column-right-on.layout--live-priority #page_wrapper { max-width: 100% !important; } .layout--content.layout--colu-bmn-left-on.layout--column-right-on.layout--ad-blocked.layout--adlocked .layout--a, .layout--content.layout--column-left-on.layout--column-right-on.layout--ad-blocked.layout--ad-blocked .layout--b, .layout--content.layout--column-left-on.layout--column-right-on.layout--ad-blocked.layout--propaganda-off .layout--a, .layout--content.layout--column-left-on.layout--column-right-on.layout--ad-blocked.layout--propaganda-off .layout--b, .layout--content.layout--column-left-on.layout--column-right-on.layout--live-priority.layout--ad-blocked .layout--a, .layout--content.layout--column-left-on.layout--column-right-on.layout--live-priority.layout--ad-blocked .layout--b, .layout--content.layout--column-left-on.layout--column-right-on.layout--live-priority.layout--propaganda-off .layout--a, .layout--content.layout--column-left-on.layout--column-right-on.layout--live-priority.layout--propaganda-off .layout--b { max-width: 90% !important; } .feed__item{ max-width: 25vw; } .daily-promo-unit--mode-link.daily-promo-unit--wide .daily-promo-unit__button{ max-width: 100px !important; } }

Работает малость убого (потому что вёрстка очобы не предполагает таких извращений) и рекомендуется использовать только с отключенной рекламой. Но хоть как-то заполняет пустое пространство. И так как тестировалось только на FHD, кажется я не хочу знать как оно получится на разрешениях больше (да и меньше тоже если честно).

Если же хочется вернуть всё как было до охренительных дизайнерских решений, то продублирую код и сюда.

.layout__content{ max-width: 1020px !important; } .app--content-entry.app--left-column-off.app--right-column-off .layout__content, .app--content-full.app--right-column-off .layout__content, .layout__right-column{ margin-right: auto !important; } .layout__left-column{ margin-left: auto !important; } .app--content-entry.app--left-column-off.app--right-column-off .main .layout__content{ margin: 0 auto; }

#ястрадалменяредизайнили