Solucionado
```¿Cómo podemos hacer para que el menú se ponga al lado derecho y el logo al lado izquierdo?
<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>
```mi solucion:
.encabezado {
display: flex;
}
.encabezado {
display: flex;
justify-content: space-between;
}
¡Hola Evelyn! Para colocar el menú al lado derecho y el logo al lado izquierdo, puedes utilizar la propiedad "flexbox" de CSS. Primero, debes establecer el contenedor "header" como un contenedor flexible usando "display: flex". Luego, puedes utilizar las propiedades "justify-content" y "align-items" para alinear los elementos dentro del contenedor. Para colocar el logo a la izquierda, puedes establecer "justify-content: flex-start" y para colocar el menú a la derecha, puedes establecer "justify-content: flex-end". Aquí te dejo un ejemplo de código:
.encabezado {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
order: 1; /* Cambia el orden de los elementos */
}
.menu {
display: flex;
justify-content: flex-end;
list-style: none;
margin: 0;
padding: 0;
}
.menu-item {
margin: 0 10px;
}
Espero que esto te ayude a resolver tu duda. ¡Si tienes alguna otra pregunta, no dudes en preguntar! ¡Espero haber ayudado y buenos estudios!