¡Atención! Para ver este video completo, inicia sesión con tu cuenta de Cursos o inscríbete en tu prueba gratuita de 7 días. Iniciar sesión Inscribirse
Vista previa
La independencia del orden de origen de Flexbox lo convierte en la herramienta perfecta para construir una navegación web receptiva.
Recursos
Revisión de vídeo
- Es posible que un elemento sea tanto un elemento flexible como un contenedor flexible.
Donaciones .main-header a justify-content: space-between; La declaración posiciona el nombre del sitio en el lado izquierdo del encabezado y el menú de navegación en el lado derecho:
.main-header {
justify-content: space-between;
}
Para ahora ya sabes que Flexbox te proporciona una forma más rápida y fácil de distribuir contenido.
0:00
Su dirección, orden, distribución del espacio y características de dimensionamiento automático hacen que
0:00
sea una solución inteligente para construir diseños receptivos.
0:04
Así que ahora es el momento de poner en práctica esas nuevas habilidades de Flexbox.
0:08
En esta sección, vas a usar Flexbox para construir el diseño de
0:11
una página web simple llamada Best City Guide.
0:14
Esta página web debe resultarte familiar.
0:17
Es el diseño que construiste en el curso de conceptos básicos de CSS.
0:19
Te enseñaré algunos de los problemas del mundo real que Flexbox puede resolver fácilmente
0:23
al construir un diseño receptivo.
0:27
Por ejemplo, cambiar la dirección de una navegación de vertical en pantallas pequeñas,
0:29
Necesitas registrarte en Treehouse para descargar archivos del curso.
RegistrarseNecesitas registrarte en Treehouse para configurar Workspace.
Registrarse