Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

¿Cómo podemos hacer para que el menú se ponga al lado derecho y el logo al lado izquierdo?

Referente al curso Flexbox: Posicione elementos en la pantalla, en el capítulo Introducción al Flexbox y haciendo el encabezado y actividad Agregando espacio con Flexbox

por Miguel Angel Santibañez Morales
| 175.5k xp | 143 posts
<header class="encabezado">
  <a class="logo" href="#">
    <img src="img/logo.png">
  </a>

  <ul class="menu">
    <li class="menu-item">Item 1 del menu</li>
    <li class="menu-item">Item 2 del menu</li>
    <li class="menu-item">Item 3 del menu</li>
    <li class="menu-item">Item 4 del menu</li>
  </ul>
</header> 
``.encabezado`.menu{
display:flex;
align-items: center;
justify-content: space-between;
}

`

1 respuesta
por Jose Gonzalez
| 2201.3k xp | 6837 posts
Instructor

Hola Miguel

En el archivo css solo deberías apuntar para la clase que contiene el elemento padre, en este caso sería así:

.encabezado {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios