All solutions

sigo sin entender bien como recorrer vacias claces con el forEach para agregar eventos. ya que se neceista como un ciclo a un nodeList.

La parte dificil es como controlar los botones dentro de un div. en este caso son hijos del div. para crear eventos de los botones al momento de hacer click y cambiar el backgraund color de los botones.

en la parte de la alineación de los texto en cada caja, no encontre una soliccion concreta de mi parte, utilice margin left, y el text-indent. necesito comentarios para seguir mejorando.

usando GRID AND FLEXBOX pueden comentarme si realice de la mejor manera, para mejorar

hola: esta es mi solucion usando flexBox, acepto criticas para el mejorar cada día.

NO tan seguro: las posiciones de las imágenes como fondo de pantalla, usando medidas con valores negativos

NO TAN SEGURO: en la parte me @MEDIA QUERY al momento de centrar las tarjetas en la medida de width me salia con scroll.

NO TAN SEGURO: media query, para la parte del diseño de movil

codigo inseguro: para centrar los elementos y el boton no se si asi sea la mejor forma de centrar con el margin auto.

INSEGURO: es correcto crear una capa con un <div> para sobre poner el color en la imagen de la tarjeta en la animación? o se puede directamente con la imagen?

en el codigo de css para centrar los texto: no estoy seguro si es la mejor manera de utlizar en la class .texto para centrar la etiqueta h2 y h3 en la tarjeta.

en la etiqueta <picture>, siempre se le agrega la etiqueta <img> al final de las etiquetas <source>?

DIFICIL- el responsivo para colocar los elementos dentro del <div> principal. tambien los adornos del texto. AREA DEL CODIGO NO SEGURO-en la parte del css con la colocacion mediante el margin, para centrar la tarjeta, el cual es el <div> principal.