Design the full Contact Us section. You will add a heading block, a structured form with email, topic dropdown, message field, a primary button, and a responsive contact details row with icons.
*Subscribe to Momentum Academy* for more *Bubble.io tutorials and training .*
*Lesson Title:* Build the Contact Us Section
*What you’ll learn:*
• How to translate a Figma Contact Us design into Bubble
• Setting up form structure: email, topic dropdown, message, and CTA
• Using container layouts, fixed widths, gaps, and padding for clean alignment
• Styling inputs (icons, borders, background) for a consistent mid-fi UI
• Building a contact details row with icons and responsive spacing
Resources:
*Figma File:* https://bit.ly/490lxmm
_Note:_ you will need to create an account, and use this password to access the file: *_steel-stone-pop-timer_*
*Downloadable Figma Elements:* http://bit.ly/4qlwSUu
*Watch the full Bubble.io Bootcamp 2026 Playlist:* http://bit.ly/4qvUJAC
*Learn More:*
This video is part of Momentum Academy’s intensive Bubble.io course — your step-by-step guide to mastering app building without code.
*Explore the full course here:* https://momentumacademy.tech/
