¡Hola! bueno, yo te recomendaría que pusieras una caja contenedor primero. No sé si vas a ocupar todo el viewport, pero para que sean alineadas se añadería un Flexbox. sería así:
<div class= "container">
<div class="logo">
<img src="Imagenes/logo.png" alt="icono"; title="GastroBlog";/>
</div>
<div class="nombre" >
<img src="Imagenes/nombre.png" alt="name"; title="GastroBlog";/>
</div>
</div>
.container {
width: 100%;
height: 250px; (este es un ejemplo)
display:flexbox;flex;
}
Yo te aconsejaría usar flexbox para mejor acomodo, pero las cajas de nombre y logo tienen que tener el mismo tamaño.
.logo, .nombre {
width: 250px;
heigth: 250px;
}
Para que las imagenes no queden tan estrechas ni pixeleadas, te recomiendo usar este código en css
.logo, .nombre img{
width: 100%;
heigth; 100%;
}
solamente con tu margin juega que tan pegadas quieres ambas imágenes, pero estoy segura que con lo que te acabo de escribir te va a quedar centrado. No es recomendado agregar un tamaño directo a la imagen. Muchos saludos