Codificable Flex Components

Asignación

Desarrollar nuevos componentes para la web de Codificable e implementar mejoras a ciertos componentes actuales utilizando Flexbox

• Diseño en Figma

Container adaptable

Contenedor con diferente padding según tamaño de pantalla

Requerimiento

• Modificar el objeto container para que su padding cambie según el tamaño de la pantalla siguiendo las instrucciones de la lección Media Queries

Componente Button

Componente Button y sus variantes

Requerimiento

• Crear el componente Button siguiendo las especificaciones de Figma
• Utilizar BEM para el nombre de las clases
• Utilizar Flexbox para centrar el contenido del botón y separar el texto del ícono en caso haya un ícono presente.

Header Flexible

Header flexible con acción a la derecha

Requerimiento

• Modificar el Header actual para que incorpore un botón de "Login" (usando el componente Button previamente construido)
• En pantallas pequeñas el botón de "Login" debe desaparecer y un botón con un ícono de "Menu" debe aparecer en su lugar.

Hero con acciones

Hero con acciones

Requerimiento

• Modificar el Hero para que incluya un botón de Login adicional el link del blog.
• El link debe incluir un ícono de flecha
• Usa flexbox para distribuir los elementos.