div side by side css without bootstrap

1<style>
2.grid-container {
3    display: grid;
4    grid-template-columns: 1fr 1fr;
5    grid-gap: 20px;
6}
7</style>
8<div class="grid-container">
9    <div class="grid-child purple">
10        Grid Column 1
11    </div>
12    <div class="grid-child green">
13        Grid Column 2
14    </div>
15</div>
16