Ahora hemos hecho todos los ítems de nuestro mapa del curso uno debajo del otro. El problema de esto es que el mapa del curso se hace gigantesco, haciendo una lista enorme y quedando muy abajo. Para solucionar eso hay que reducir la lista de cursos. Sin embargo, después de hacer eso nos encontramos con otro problema, el listado sigue abajo y nuestro color de fondo se queda pequeño. Nuestro sitio queda bastante roto. ¿Qué tenemos que hacer ahora para arreglar esta situación? flex-wrap:wrap;
¡Hola Angélica!
Gracias por tu pregunta. Parece que estás teniendo problemas para organizar tu lista de cursos en tu mapa del curso usando Flexbox. Para solucionar este problema, puedes utilizar la propiedad flex-wrap de Flexbox.
La propiedad flex-wrap te permite controlar cómo se envuelven los elementos flexibles dentro de su contenedor. Si estableces flex-wrap: wrap;, los elementos flexibles se envolverán en múltiples líneas si no caben en una sola línea.
Entonces, para solucionar tu problema, puedes agregar la propiedad flex-wrap: wrap; al contenedor que contiene tu lista de cursos. De esta manera, los elementos se envolverán en múltiples líneas y no se extenderán más allá del límite del contenedor.
Espero que esto te ayude a solucionar tu problema. Si tienes alguna otra pregunta, no dudes en preguntar. ¡Espero haber ayudado y buenos estudios!