Aqui uma screenshot detalhada do erro: http://prntscr.com/j5firk
Observe que quanto maior for o conteudo da div ao lado, a outra div desce em questão da posição. O que eu queria é que ela ficasse fixa ali.
--
Já tentei usar Position: fixed; mas não funciona a div fica com um tamanho desproporcional e sai do tamanho que eu defini.
Codigo:
<div style="max-width: 100%;">
<div class="card-panel purplemx" style="width:49%; box-shadow: 1px 1px 12px 1px rgba(61,55,128,1); border-radius:3px; display:inline-block;">
<div class="card-content">
<h5 class="card-title white-text"><i class="fas fa-star" style="color:yellow"></i> USUARIO DESTAQUE<hr></hr></h5>
<p class="white-text">
<div class="destaque white-text">
conteudo teste
<br>
conteudo teste
<br>conteudo teste
<br>conteudo teste
<br>conteudo teste
<br>conteudo teste
<br>conteudo teste
<br>conteudo teste
<br>conteudo teste
<br>
</div>
</p>
</div>
</div>
<span style="padding-left:1%"></span>
<div class="card-panel purplemx" style="width:49%; box-shadow: 1px 1px 12px 1px rgba(61,55,128,1); border-radius:3px; display:inline-block;">
<div class="card-content">
<h5 class="card-title white-text"><i class="pink-text fas fa-gift"></i> PRESENTES<hr></hr></h5>
<center>
<p class="white-text">
<i class="fas fa-unknown fa-2x"></i>
</p>
</center>
</div>
</div>
</div>