Mejorar páginas de Clima de LID

Páginas de pronósticos extendidos

– http://www.laizquierdadiario.com/Pronostico-Ciudad-de-Buenos-Aires
– http://www.laizquierdadiario.mx/Pronostico-Mexico-Distrito-Federal
– http://www.laizquierdadiario.cl/Pronostico-Chile-Santiago
– http://www.izquierdadiario.es/Pronostico-Estado-Espanol

Dentro de los artículos se llama al módulo de clima que usa los siguientes esqueletos
– public_html/plugins/auto/rainette/v2.4.7/modeles/rainette_previsions.html
– public_html/plugins/auto/rainette/v2.4.7/modeles/previsions_2x12h.html
– public_html/plugins/auto/rainette/v2.4.7/modeles/previsions_24h.html

No nos interesa por ahora como se generan estos esqueletos en html.

Intentaremos hacer las modificaciones necesarias para mejorar la visualización del pronóstico extendido, sin tocar los esqueletos (html) sino modificando los estilos.

Para eso copiamos los estilos que están adjuntos y los agregamos a los existentes en el navegador. Intentamos ajustarlos (en particular los divs para que queden bien los recuadros.). También deberían quedar bien en versión celular.

Para eso buscar tutoriales divs y boostrap con divs.

Por ejemplo :
HTML Block and Inline Elements https://www.w3schools.com/html/html_blocks.asp

Pero se pueden googlear otros casos.

Pruebas y dudas

La idea es practicar e investigar css y divs, generar varios intentos de css que podes ir adjuntando y comentando los problemas con cada uno.