Bienvenido a la Comunidad de Treehouse

¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.

¿Buscas aprender algo nuevo?

Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de

Inicia tu prueba gratuita

CSS Diseño de Diseño CSS Flexbox Crear un diseño con Flexbox Construyendo una Barra de Navegación con Flexbox

Publicado por Magdalena M
Magdalena M
7,078 puntos

Otra solución posible 

@media (min-width: 769px) {
  .navegación principal {
    mostrar: flex;
    justify-content: center;
  }
}

@media (min-width: 1025px) {
  .main-header,
  .navegación principal {
    mostrar: flex;
  }
  .name {
    margin-right: automático;
  }
}

Se me ocurrió este código y parece funcionar. ¿Es correcto? ¿Hay algún otro problema en el que pueda incurrir al usar este fragmento de código?

1 Respuesta

Steven Parker
Steven Parker
244 163 puntos
Steven Parker
Steven Parker
244 163 puntos

Rara vez hay solo una forma de programar algo, por lo que generalmente habrá formas alternativas de lograr la misma tarea.

Tu versión sí hace un cambio leve en la alineación de los elementos de navegación, ya que el original alineaba su línea de base con el encabezado en una ventana ancha, y el tuyo los alinea verticalmente dentro del espacio.

Es cuestión de gustos, pero la verdad es que creo que el tuyo se ve mejor. :+1: