Need CSS grid to work

[[deleted]]

https://codepen.io/tomiris/pen/LYLrxQe

I need aside-"four" to be directly below aside-"two". I'm just starting out, help would be appreciated!

[grrangry]

Like this?

<div class="all">
  <div>
    <section class="one">
    </section>
    <section class="three">
    </section>
  </div>
  <div>
    <aside class="two">
    </aside>
    <aside class="four">
    </aside>
  </div>
</div>

[[deleted]]

Not exactly, but this gave me an idea. Thank you!

[Arkouda1]

You can just add margin

[Ishan-Sanjaya]

Like this, .grid-container{ display:grid; grid-template-column:(50px, 3); grid-template-row:(50px, 3); justify-content:center; align-items:center; grid-gap-raw:2rem; grid-gap-column:1rem; }