Hola Compañeros, Profes y Scubas
Quisiera hacer algunos cambios con respecto al código implementado en clase, pero no logro hacerlos.
Quisiera que en la versión desktop este menú quedara centrado
Y también quisiera que el contenido quedara alineado con los botones.
He tratado con justify content, con align - items pero no los toma
Gracias por la ayuda!
¡Hola Andrea!
Para centrar el menú en la versión desktop, puedes utilizar la propiedad "margin" en la clase ".menu" y establecerla en "auto". De esta manera, el margen izquierdo y derecho se ajustarán automáticamente y el menú quedará centrado.
En cuanto a la alineación del contenido con los botones, podrías utilizar la propiedad "align-items" en la clase ".container" y establecerla en "center". De esta manera, el contenido se alineará verticalmente con los botones.
Te dejo un ejemplo de cómo quedaría el código CSS:
@media screen and (min-width: 768px) {
.menu {
margin: 0 auto;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
}
}
Espero que esto te ayude a solucionar tus dudas. Si tienes alguna otra pregunta, no dudes en preguntar. ¡Espero haber ayudado y buenos estudios!