Para arreglarlo, únicamente cambia los estilos que tienes en el `p` en el parent

    div {
        display: grid;
        background-color: blue;
        justify-content: center;
        align-items: center;
        max-height: 200px;
        min-height: 200px;
        min-width: 100%;
        max-width: 100%;
    }
    
    div p {
        color: white;
        text-align: center;
    }

Sólamente cambiando esos dos atributos del p al div ya se te centrará verticalmente el contenido del div.

Tienes que recordar que quien marca el estilo de como se verá el contenido es el contenedor, no el contenido.