Возможно я не дочитала, но в чём в итоге у вас проблема?
header у вас фиксированный(фильтры на флексах с примерами дальше), левые блоки с карточками(назовите как удобно) - делаете флексами - flex-basis, flex-wrap, justify-content.Ваша правая часть остается всегда видимой - position: sticky.
Разметка очень типовая, решается легко и с флексами и с гридами. Всё остальное уже за логикой(SPA\фреймворки).