Skip to main content
se eliminaron 3 caracteres en el cuerpo
Origen Enlace

¡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

¡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;
    }

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

¡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: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

se eliminaron 53 caracteres en el cuerpo
Origen Enlace

¡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-direction: column;
      justify-content: center;
      align-item: center;
    }

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 lasimageneslas 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

¡Hola! bueno, yo te recomendaría que pusieras una caja contenedor primero. No sé si vas a ocupar todo el viewport, pero 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-direction: column;
      justify-content: center;
      align-item: center;
    }

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 lasimagenes 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

¡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;
    }

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

se añadieron 32 caracteres en el cuerpo
Origen Enlace

¡Hola! bueno, yo te recomendaría que pusieras una caja contenedor primero. No sé si vas a ocupar todo el viewport, pero 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-direction: column;
      justify-content: center;
      align-item: center;
    }

.container { width: 100%; height: 250px; (este es un ejemplo) display:flexbox; flex-direction: column; justify-content: center; align-item: center; }

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 lasimagenes 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

¡Hola! bueno, yo te recomendaría que pusieras una caja contenedor primero. No sé si vas a ocupar todo el viewport, pero 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-direction: column; justify-content: center; align-item: center; }

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 lasimagenes 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

¡Hola! bueno, yo te recomendaría que pusieras una caja contenedor primero. No sé si vas a ocupar todo el viewport, pero 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-direction: column;
      justify-content: center;
      align-item: center;
    }

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 lasimagenes 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

Origen Enlace
Loading