doc/images/layout/grid-layout-desktop-8-4.svg

<svg xmlns="http://www.w3.org/2000/svg" height="243" viewBox="-1 -1 362 242">
  <rect x="0" y="0" height="240" width="360" fill="pink" stroke="black"/>
  <rect x="48" y="0" height="240" width="calc(360 - 96)" fill="lightgray" stroke="black"/>
  <rect x="48" y="0" height="60" width="174" stroke="black" fill="rgba(255,0,0,0.3)"/>
  <rect x="230" y="0" height="60" width="82" stroke="black" fill="rgba(0,0,255,0.3)"/>
  <text x="56" y="20">Left</text>
  <text x="238" y="20">Right</text>
</svg>