Usa CSS GRID para crear layouts y para hacerlo puedes usar los siguientes mixins para ahorrarte un poco de tiempo.

col(1 1) → grid-template-columns: 1fr 1fr

row(1 1) → grid-template-rows: 1fr 1fr

cols(2) → grid-column-end: span 2

rows(2) → grid-row-end: span 2

Recuerda que puedes utilizar rpt() de la siguiente forma cos(rpt(4, 1)) que seria igual a col(1 1 1 1)

EJEMPLO

• SCSS
• STYLUS
• RESULTADO

Aprende mas de css grid aquí