Skip to content

Height & Width Controls for Page Builder Elements

Take precise control of every element’s size in Patient Copilot’s Page Builder using Container Size. This article will show you how to set custom height and width, pick the right unit, and assign different values for desktop and mobile. * * * ## What is Container Size (Height & Width) Control? Container Size is a built-in control in the page builder that lets you define an element’s height and width directly in the builder. These values determine how much space an element occupies within its parent container (e.g., column, row, or section). You can choose units that best fit your layout goals and set device-specific values for responsive designs. * * * ## Key Benefits of Container Size Control - Precise Layouts: Fine-tune element size for exact designs. - Responsive Control: Set different values for desktop and mobile. - Unit Flexibility: Choose the between multiple sizing units to pick the correct one for the specific scenario. - Cleaner Builds: Achieve exact results in the UI instead of custom CSS. * * * ## Supported Sizing Units Different units change how size is calculated. The following familiar web-design units are options so you can select the unit that works best for your project! - px – fixed pixel count (exact sizing)