Completa cada ejercicio en su carpeta. Es posible que tengas que añadir alguna respuesta adicional en este mismo archivo
- El menú del header tiene el logo y el menú hamburguesa pegados. Separalos, uno a cada lado.
- Usa el valor de la variable CSS "--Dark-Blue" para establecer el color del background del footer.
- No queremos que los enlaces de la página estén subrayados.
- El backgorund image del div con la clase "hero-img" no se ve correctamente.
- El texto de los artículos debería verse en columna y el texto alineado como en el diseño (2 líneas de CSS)
- El botón del header "Request invite" no aparece, y debería aparecer.
- Modifica el valor de la variable adecuada para que se establezca un espacio entre los diferentes artículos cuando estamos en la versión desktop
- La imagen de fondo del div con la clase "hero-img" no cubre correctamente el contenedor
- Los items del menú desplegable deberían estar centrados (3 líneas CSS en el contenedor adecuado)
Implementa el siguiente componente usando TailwindCSS.
Criterios de evaluación
- El título "My Skills" tiene un tamaño de fuente mayor
- Existe una separación igual entre todos los skills
- Se usa un color aproximado y adecuado para cada skill
- Existe una margen entre HTML y la barra de progreso. Igual para las demás skills
- El porcentaje está alineado a la derecha
- Hay una barra gris que es tan larga como el contenedor main
- Existe una barra de color cuya area de color es un % acorda al valor impreso.
Pista ejercicio 7
Necesitas usar valores arbitrarios con Tailwind. Piensa que el contenedor hijo de color debe ser un % de ancho respecto a su padre