[1][2][3][4]
[1][fill   ]
[1][2][fill]
[1][fill][4]

[1][2][3][4]
[1][fill   ]
[1][2][fill]
[1][fill][4]

[1][2][3][4]
[5][6][7][8]

[fill][3][4]
[    ][7][8]

you know, like big square spaces with span

[1][2][3][4]
[5][6][7][8]

[fill][3][4]
[    ][7][8]

you know, like big square spaces with span

>*:not(:last-child){
 // w/e
 margin: 0 0 20px 0;
}

>*:not(:last-child){
 // w/e
 margin: 0 0 20px 0;
}

html {
  box-sizing: border-box;
}

*::before,
*,
*::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
}

*::before,
*,
*::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}