Help with Typeform survey

Hello - I am trying to embed a Typeform code, but the default alignment is coming out funny, especially on mobile. I've watched Typeform's instruction video for doing this, and as usual, it does not work as simply for me.  Initially when I installed the code, only a small portion of the survey was visible, so I played around with the size, and was able to get more of it to show up, but can't figure out if this is a simple setting in this particular section? Or if I need to use custom code to get it right?

Can someone please help me to align this typeform so that it is centered (no matter how small or big the window), both on DESKTOP and MOBILE?

Can you share link to page where you added Typeform? We can check easier

9 hours ago, tuanphan said:

Can you share link to page where you added Typeform? We can check easier

Weird, I thought I typed it in, I apologize.

http://hilarybeckwith.com/cha

Also, apparently the images are also getting cut off at some points throughout the quiz. Not sure what's happening, although I'm making some changes today to the typeform, so it may look different by the time you look at it

On 11/10/2022 at 12:56 AM, hilaryb said:

Weird, I thought I typed it in, I apologize.

http://hilarybeckwith.com/cha

 

Also, apparently the images are also getting cut off at some points throughout the quiz. Not sure what's happening, although I'm making some changes today to the typeform, so it may look different by the time you look at it

Add to Design > Custom CSS

.fe-block-yui_3_17_2_1_1667509689769_14831 .sqs-block {
    justify-content: center !important;
    align-items: center !important;
}

On 11/12/2022 at 5:29 AM, tuanphan said:

Add to Design > Custom CSS

.fe-block-yui_3_17_2_1_1667509689769_14831 .sqs-block {
    justify-content: center !important;
    align-items: center !important;
}

 

That did the trick, although still having issues with image getting cut off. I've reached out to typeform for support there

I appreciate the help