reCAPTCHA responsiveness

Design help General
1

Hey all,

I added a reCAPTCHA following the steps from this Webflow University video: https://www.youtube.com/watch?v=TC0ovgosjkc.

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.

Screenshot 2023-01-24 at 11.52.31
Screenshot 2023-01-24 at 11.52.31393×755 25.1 KB

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)

2

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.

grid-issue
grid-issue1600×772 133 KB

3

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.

4

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

5

Thank you, that worked like a treat!