Centrar un Div Vertical y Horizontalmente con Transform y Translate

Hola, Buen Trabajo!

Está bien nada mas nunca uses medidas fijas para el responsive, en este caso es recomendado usar porcentajes y así se adaptará a la pantalla width:90% y le puedes añadir un max-width:350px; que sería el máximo de tu porcentaje(div)

acá te dejo el ejemplo:

.container {
    width: 90%;
    max-width: 350px;
}

Muchas gracias por tu comentario, es de mucha ayuda para mi aprendizaje