Tenho duas divs, onde em uma delas ficara um texto enorme e na outra ficara um breve texto e uma caixinha com algumas informacoes, isso não vem ao caso, o que não estou conseguindo fazer é deixar as duas divs(ambas com display grid) um do lado da outra.

Pagina: ![texto](https://i.ibb.co/sbnm9ZZ/Captura-de-tela-de-2023-06-19-22-24-03.png "Page")

Quero que o texto abaixo de experiencias fique ao lado.

HTML: ![texto](https://i.ibb.co/Cvy0BXW/html.png "html code")

CSS: ![texto](https://i.ibb.co/HDzQ9VY/code.png "css code")


MIM AJUDEM PFVR!

Coloque as duas divs dentro de outra div

```js
<div id="mast">

<div id="div1"> EXPERIÊNCIA </div>
<div id="div2"> Texto gigante </div>

</div>
```
CSS


```js
#div1,#div2  {height: 100%; display: grid;} 
#mast        {display: grid; grid-template-columns: 30% 70%;}
```

AJUDA COM CSS GRID

Tenho duas divs, onde em uma delas ficara um texto enorme e na outra ficara um breve texto e uma caixinha com algumas informacoes, isso não vem ao caso, o que não estou conseguindo fazer...