Back to notes
What combination of container layouts is advisable for effective responsive building in Bubble?
Press to flip
Mixing and matching container layouts according to their behavior.
What properties related to height can an element have in the new responsive engine?
Fixed, min-height, max-height, and max height can be infinite relative to the parent container.
What must be upgraded individually to use the new responsive engine features in Bubble?
Each page and every reusable element
What has changed about dragging and dropping elements with the new responsive engine?
Dragging and dropping is no longer possible; size and position are determined by layout and margin settings.
What is the effect of setting a page to a column layout on its child elements?
Elements can be left-aligned, center-aligned, right-aligned, or stretched to fit.
What is the primary basis for the new Responsive Engine in Bubble?
CSS Flexbox
How has support for repeating groups changed in the new responsive engine?
Repeating groups are compatible with the new responsive engine, and custom behavior can be set at the cell level.
Where can users find more information about the new responsive engine?
Bubble Academy
If a container element must organize child elements and respond to screen size changes, which layout is NOT suitable?
Fixed layout
In a 'Column' layout, how are new elements positioned?
New elements are added to the end of the list and stack vertically.
Name the four container layouts available in the new responsive engine.
Fixed, Aligned Parent, Row, Column
How do margins function in the new responsive engine?
Margins align and snap based on the margin border, and condition-based margins can be set for different page widths.
Describe what happens to child elements in the 'Row' layout when the container shrinks.
They align horizontally by default and wrap down as the container shrinks.
Can the width of an element be set as a relative percentage in the new responsive engine?
Yes, width can be set in pixels or as a percentage relative to the parent container.
Which container layout should be used if elements need to stay pinned when the page resizes?
Aligned Parent
Previous
Next