La sección de Labs se rompe con el responsive

[fjaguero]

Debido a CSS específico de la sección, la vista de Labs está rota tanto en vista mobile como de tablet.

Tablet

Mobile

[pochy-ja]

En la versión tablet si se puede ajustar por un CSS específico, pero en la versión mobile creo que sería mejor eliminar el bloque de github o acomodarlo casi al final, @stripTM como llevas este issue?

[fjaguero]

En móvil se podría quitar, lo importante es la parte de labs y un bloque de contacto/proyectos que mande al waffle, por ej.

[parguello]

Para solucionar el problema en la página de labs en el cual los párrafos de cabecera se superponen a los artículos (como puede verse en la imagen de este issue), se puede comentar el atributo height de :

.page-template-labs-index-php #description {
background-attachment: scroll;
background-color: transparent;
background-image: url("./media/mh-labs.png");
background-position: 18px 10px;
background-repeat: no-repeat;
height: 120px;-->comentar esto

De esta manera ya no se superpone el contenido, aunque continuaría el problema del github block que no se ve completamente.
Un saludo.

[stripTM]

Tenemos:

• #cuerpo
  • #post-363
  • #labs-sidebar
  • #ultimas-noticias

Puedo jugar con flexbox y poner a los 3 elementos que cuelgan de cuerpo ancho 100%, y cabiarles el orden, para poner lo de github detrás de las últimas noticias.

[parguello]

Sí, me parece buena idea. :)

[stripTM]

Pues ya está en producción, ¿alguna cosa más o cerramos ya el issue?

[parguello]

Pues ahora está perfecto.
Solo le faltaría un poco de padding a la derecha para los artículos, ya que la descripción se corta en este extremo. He enviado un pull request con el cambio en el responsive.

[fjaguero]

¿Cerramos este entonces?