Me gustaría mostrar mis áreas de texto en 3 columnas con un espacio entre ellas. Intenté darle este estilo a mi contenedor flex flex-row flex-wrap pero luego grid grid-cols-3 gap-10 . PERO, obviamente, si hago la ventana demasiado pequeña, las 3 columnas se moverán hacia abajo o hacia arriba porque la propiedad de envoltura flexible está configurada para ajustarse (porque necesito que la fila y las columnas estén en líneas separadas).

¿Alguien puede ver lo que tengo que hacer por favor?

Aquí una imagen para hacerse una idea:

Aquí está mi código