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.