“Comment faire en sorte qu'une division soit au centre de l'écran dans une page Web réactive pour l'écran de toute taille” Réponses codées

Comment faire en sorte qu'une division soit au centre de l'écran dans une page Web réactive pour l'écran de toute taille

 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<div class="d-flex justify-content-center align-items-center bg-secondary w-100" style="height: 300px;">