Redimensionner Google noCAPTCHA reCAPTCHA sur votre formulaire

Vous avez peut être remarqué que le service Google noCAPTCHA reCAPTCHA propose par défaut un rectangle qui en mode mobile est plus grand que votre affichage, voici une solution élégante pour régler ce problème.

Au lieu de changer le code embarqué en ligne, vous pouvez ajouter cette règle dans votre CSS directement.

<style> 
@media screen and (max-height: 575px) {
    #rc-imageselect,.g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}
</style>

 

Adapter les valeurs « scale » en fonction de vos besoins.
Et voilà !