omiras / evaluacion-singulars-2023-modul-1

Evaluación Singulars 2023

Completa cada ejercicio en su carpeta. Es posible que tengas que añadir alguna respuesta adicional en este mismo archivo

Ejercicio HTML-CSS

Móvil

1. El menú del header tiene el logo y el menú hamburguesa pegados. Separalos, uno a cada lado.
2. Usa el valor de la variable CSS "--Dark-Blue" para establecer el color del background del footer.
3. No queremos que los enlaces de la página estén subrayados.
4. El backgorund image del div con la clase "hero-img" no se ve correctamente.
5. 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)

Desktop

6. El botón del header "Request invite" no aparece, y debería aparecer.
7. 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
8. La imagen de fondo del div con la clase "hero-img" no cubre correctamente el contenedor

Móvil/Desktop

9. Los items del menú desplegable deberían estar centrados (3 líneas CSS en el contenedor adecuado)

Ejercicio Tailwind

Implementa el siguiente componente usando TailwindCSS.

Criterios de evaluación

1. El título "My Skills" tiene un tamaño de fuente mayor
2. Existe una separación igual entre todos los skills
3. Se usa un color aproximado y adecuado para cada skill
4. Existe una margen entre HTML y la barra de progreso. Igual para las demás skills
5. El porcentaje está alineado a la derecha
6. Hay una barra gris que es tan larga como el contenedor main
7. 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