“Cómo hacer que una división esté en el centro de la pantalla en la página web receptiva para la pantalla de cualquier tamaño” Código de respuesta

Cómo hacer que una división esté en el centro de la pantalla en la página web receptiva para la pantalla de cualquier tamaño

 <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;">