All solutions

What are you most proud of, and what would you do differently next time?

De las sombras que he colocado en las tarjetas.

Nombraría desde el principio el display:card.

What challenges did you encounter, and how did you overcome them?

La alineación vertical de las tarjetas de los extremos.

No la pude superar, así que apliqué:

       .card--super {
            transform: translateY(-50%);
      }

• Hice lo mismo con .card--calcu;

What specific areas of your project would you like help with?

Claramente en el de alineación vertical de los items.

align-items: center

• No funcionó. Quizás por
  • No dar una altura al contenedor padre
  • Un error al poner grid-template-areas: "supervi team calcu"

  •                                                                 `"supervi karma calcu";`
    

Cualquier sugerencia o comentario es bienvenido... Un saludo.

What are you most proud of, and what would you do differently next time?

De poder terminar decentemente este reto.

Quizás sea menos complicado, en vez, de poner un imagen de fondo. Poner una imagen incrustada con `

What challenges did you encounter, and how did you overcome them?

Sobre todo el de la imagen, que no podía hacer que se adaptara al alto del contenedor padre. Cuando cambiaba a 2 columnas.

En este caso no lo pude solucionar, así que no me quedó más remedio que darle una altura fija en px.

What specific areas of your project would you like help with?

Sobre todo comprender porque a las alturas de un contenedor que tiene una imagen de fondo. No se puede poner height: 100% al Css. ¿ Por que su altura me da que es cero. ?

What are you most proud of, and what would you do differently next time?

De poder situar los iconos de las listas centrados con los textos de los list-items

Está claro que aún me hace falta practicar más con diseños responsive. Como plantear la estructura y organización del proyecto (a veces me pierdo en los detalles como tipografía letra, tamaño, color, etc.).

Debería mejorar como está estructurado el HTML (no me convence del todo que sea el más idóneo).

En cuanto al Css debería organizarme mejor y empezar por lo general e ir avanzando hasta lo más concreto.

What challenges did you encounter, and how did you overcome them?

El tratar de posicionar el icono del list-item.

En realidad no lo pude superar, así que lo sustituí por un pseudoelemto ::before y lo posicioné de forma absoluta, respecto de su list-item.

What specific areas of your project would you like help with?

Sobre todo manejar los iconos de los pseudoelementos ::marker

Si se supone que son hijos de sus list-items, ¿ por qué no se pueden posicionar absolutamente ?.

Si alguien conoce la respuesta a dicho misterio, me gustaría que lo compartiera con un pobre aficionadillo al código CSS ( antes de que me vuelva tarumba).

Gracias a todos por vuestra paciencia y comprensión.

What are you most proud of, and what would you do differently next time?

• De empezar a hacer un código algo más accesible, aunque aún estoy en pañales.
• Como la card es un contenedor independiente a lo mejor sería más conveniente poner un article y subdividirla en un header, content y footer.

What challenges did you encounter, and how did you overcome them?

• En esta ocasión y gracias al aprendizaje obtenido a través de Learning Paths, no he tenido ninguna dificultad.

What specific areas of your project would you like help with?

• Quizás en el tema de accesibilidad, que me parece un gran acierto por parte de los desarrolladores.

• Toda ayuda es bienvenida, al igual que todo comentario sobre por donde empezar a explorar dicho tema.

What are you most proud of, and what would you do differently next time?

-De poder adaptar cualquier imagen a cualquier tamaño, aunque su relación de proporción ancho y alto no sea la misma.

-No se me ocurre que podría hacer diferente.

What challenges did you encounter, and how did you overcome them?

-No se visualizaba el redondeo de los bordes de la imagen principal y tuve que poner la propiedad css object-fit: cover.

What specific areas of your project would you like help with?

-En este caso creo que aún no requiero de ayuda, pero seguro que conforme me atreva a iniciar proyectos más complejos si la necesitaré.

What are you most proud of, and what would you do differently next time?

Estoy orgulloso de haber podido finalizar el proyecto. Lo que haría diferente es el alineamiento del icono, del pseudo-elemento ::marker. Además las fuentes de letras que enlacé desde Google Fonts, las puse en el archivo Css en forma de selector (no me pareció muy práctico, pues tenía que colocar una clase en cada elemento HTML ).

What challenges did you encounter, and how did you overcome them?

El mayor desafío fue alienar verticalmente el punto del pseudoelemento ::marker. Puesto que no lo pude posicicionar con position absolute, ni aplicar flex-box ( desaparecía el punto). Lo superé, haciendo trampas. Creé un pseudoelemento ::before dentro de cada li y lo posicioné con position absolute.

What specific areas of your project would you like help with?

Me gustaría aprender a modificar la posición del icono que hay dentro de ::marker, así como saber, por que no se puede modificar el position static a absolut.

• ¿ Hay otra forma de poner nombres a las clases, del mismo estilo que bem ?.

• ¡¡ Gracias !!.

What are you most proud of, and what would you do differently next time?

De haber completado el desafío con mucha facilidad.

No haría nada diferente, por que es muy simple de realizar.

What challenges did you encounter, and how did you overcome them?

No encontré nada que fuera difícil.

What specific areas of your project would you like help with?

En esta ocasión no necesito ayuda. Quizás con otro proyecto algo más complejo si.