Esta maravillosa solución al spam provista por Google, posee un tamaño bastante eficiente a la hora de verse en la mayoría de dispositivos móviles. Sin embargo, para resoluciones de 240px a 360px el reCaptcha de Google se desborda de mucho a poco, obteniendo un resultado poco elegante.
Así que, tomando como referencia este suceso; queremos dar a conocer una solución que hemos recopilado de dos sitios: geekgoddess.com y eltallerdelbit.com, en dónde se explica una forma sencilla de hacerlo, y es a través del uso de la propiedad transform de css3.
Cómo se explica en ambos blogs, no se puede hacer modificaciones directamente en el script, ya que proviene de una fuente externa, pero si en el div con la clase g-recaptcha a la que se aplicará la propiedad transform: scale para adaptarla a nuestro diseño.
.g-recaptcha {
transform: scale(0.79);
transform-origin: 0 0;
}
Sin duda, una solución bastante efectiva para poder ver el reCaptcha de Google correctamente en esta resolución.
