Haga lo que hicimos en aula

¡Hola César! Parece que estás teniendo problemas para calcular el ancho correcto para hacer el grid en tu código.

En tu código, estás utilizando la propiedad width para establecer el ancho de tus elementos .contenidoPrincipal-cursos-link. Sin embargo, estás estableciendo un ancho fijo del 23% para cada elemento, lo cual puede no ser lo que estás buscando.

Si quieres crear un grid con elementos de ancho variable, te sugiero utilizar la propiedad flex-basis en lugar de width. La propiedad flex-basis define el tamaño inicial de un elemento flexible antes de que se distribuya el espacio restante.

Aquí tienes un ejemplo de cómo podrías aplicar flex-basis en tu código:

.contenidoPrincipal-cursos-link{
    display: flex;
    flex-basis: 23%;
}

Con esto, cada elemento .contenidoPrincipal-cursos-link tendrá un ancho inicial del 23% y se ajustará automáticamente para adaptarse al espacio disponible en el contenedor .contenidoPrincipal-cursos.

Espero que esta solución te sea útil. ¡Recuerda que estoy aquí para ayudarte en lo que necesites! ¡Espero haber ayudado y buenos estudios!