¿Qué error cometo?

[angelpuente]

Estoy haciendo una práctica de HTML con CSS para un diseño en tres columnas responsivas.
Todo parece que va bien.
Pero quiero que el texto que está bajo las etiquetas <PRE> se muestre con un color de fondo diferente y que se permita al visitante hacer scroll horizontal porque es código...
Pero no funciona.
A los div que contienen este texto <PRE> los he llamado con la clase ex1.
Y no me hace caso.
¿Qué error tengo?
Aquí está mi web:
[URL="https://angelpuente.es/cuaderno/pruebas/responsivo.html"]https://angelpuente.es/cuaderno/pruebas/responsivo.html[/URL]
Y aquí el código CSS de esa página:
[URL="https://angelpuente.es/cuaderno/pruebas/estilo.css"]https://angelpuente.es/cuaderno/pruebas/estilo.css[/URL]

Muchas gracias.

[mrko]

me hubiera gustado ayudar amigo pero no se puede ver las pruebas que has hecho no se ve la falla que estas pidiendo que se te solucione cuelga otra vez para ver tus tres columnas responsivas