reCAPTCHA responsiveness

Hey all,

I added a reCAPTCHA following the steps from this Webflow University video: Beating robots with reCAPTCHA and responsive design — Build a custom portfolio in Webflow, Day 10 - YouTube.

In the video they talk about making it responsive, and I followed the same steps, using transformation of scale. While that works perfectly for the reCAPTCHA, all its sibling elements still cross the boundaries of the parent. The right margin should be the same as the left, see screenshot.

I’m sure I’m just missing something obvious, but can someone please point it out? =)


Here is my site Read-Only: [LINK](Webflow - Icelandic Made Easier)

Looks like an issue with the grid settings on “.contact_form” div. When I change to block the form stays within the viewport. You’ll need to adjust padding on form elements tho.

I followed your advice, and it didn’t work for me =O I changed the contact_form div to display: block, and the form fields still go too far to the right.

Shoot! I also changed the “contact.component” class to block. My apologies for leaving out that step.

Thank you, that worked like a treat!