Contenedores y columnas

Crea una estructura HTML que utilice las utilidades de contenedor y columnas de Tailwind CSS.

Debes crear un contenedor principal que esté centrado horizontalmente y contenga una rejilla de 3 columnas con espaciado entre ellas. Dentro de esta rejilla, coloca 3 elementos div con contenido de texto.

Requisitos específicos:

• Usa la clase container para el contenedor principal
• Centra el contenedor horizontalmente usando márgenes automáticos
• Crea una rejilla de exactamente 3 columnas usando grid-cols-3
• Aplica un espaciado de 4 unidades entre las columnas usando gap-4
• Cada div hijo debe tener un color de fondo diferente (puedes usar bg-blue-500, bg-green-500, bg-red-500)
• Añade padding interno a cada div hijo usando p-4
• Incluye texto descriptivo en cada div (por ejemplo: "Columna 1", "Columna 2", "Columna 3")

Estructura sugerida:

1. Crea un div contenedor principal con las clases de container
2. Dentro, crea un div con las clases de grid
3. Añade 3 divs hijos con sus respectivos estilos y contenido