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