Share feedback, ideas and get community help

Updated 6 months ago

UI/UX space accross devices

At a glance

The community member posted about an unknown space between bubbles in their application, and they mentioned that no custom CSS has been written for it. The comments suggest that this issue may be related to how the site renders the embedded Typebot, and some community members provided suggestions, such as checking the margin-top: auto settings and defining a stricter selector in the custom CSS. However, there is no explicitly marked answer in the comments.

There is an unknown space between bubbles. No custom css has be written for it.
Attaching relevant screenshots.
Attachments
Screenshot_2024-02-22_124056.png
PHOTO-2024-02-22-12-38-59.jpg
Screenshot_2024-02-22_123651.png
Simulator_Screenshot_-_iPad_Pro_12.9-inch_6th_generation_-_2024-02-22_at_12.36.25.png
simulator_screenshot_FAD19623-EE36-410D-9D05-E1C2020FABE1.png
B
G
6 comments
Well it seems it's out of Typebot scope
This must be how your site renders the embedded typebot.
Any idea how this can achieved
This is occuring in preview also.
Attachment
Screenshot_2024-02-23_095356.png
Your margin-top: auto is set on too many containers
You need to define a stricter selector in your custom CSS
Add a reply
Sign up and join the conversation on Discord