How to resize Google RECAPTCHA

Question

How can I resize the recaptcha container, I mean I want to keep everything in scale, just want the whole container is smaller to fit mobile view.

The original size right now:

And on mobile view it is not looking good:

Dont want to use any kind of customized theme or something, just want the whole container is smaller, say 70%, any idea how to do it?

Answer 1

Did you try the css zoom property?

zoom:.7;

It's not supported everywhere, but if you're using responsive design such that it only happens on smaller screens (mobile browsers), those devices will generally know what to do with this.

Answer 2

With reCAPTCHA version 2.0, there are new rules for the display of the widget and Google added tag attributes that change the way it is rendered.

The tag data-size can take the values of "normal", which is the default, and "compact", which fits in mobile device screens.

It is not the best looking widget, but it fits with less work than the other solutions.

For more attributes, check Google's reCAPTCHA v2.0 documentation