Adapter la taille d'une div en fonction de la réso

Bonsoir,

Bonsoir

Quelqu'un connait-il une propriété CSS qui permet d'adapter la taille d'une div en fonction de la résolution de l'écran.

En effet j'ai un texte dans une div

Sauf que lorsque je rétrécie la taille de l'écran non seulement le texte dépasse, mais

je veux pouvoir garder tout mon texte dans la div

Et que la div s'agrandisse en y ou en x.

Voici mon code :

<div class="row">
  <div class="col-md-6" id="BlockAvis"  style="border: solid; margin-top: 15px; height: 150px; padding-top: 10px; background-color: yallow; border-radius: 15px">
      <center><h2>98,76 %</h2> de ceux qui ont essayé le jeux amical on recommandé et CONTINU de recommander le jeu à leurs proches.<br><h5>Pourquoi pas vous ?</h5></center>
  </div>
  <div class="col-md-6" id="BlockInvitation" style="border: solid; margin-top: 15px; min-height: 150px; background-color: green; border-radius: 15px">
      <center><a href="register.php"><img src="img/Uwandzani%20logo.jpg"></a></center>
    <center><h2>Devenez vous aussi un joueur d'exeption !</h2></center>
  </div>
</div>

Je souhaite pouvoir garder le texte visible dans "boite" de la div quequ'en soit le résolution.