- Where to find it
- Labelled Height in the Collection Settings drawer (gear in the collection header).
- Per device
- Yes — you can set one value for every screen, or separate values for phone, tablet, and desktop.
- Underlying CSS
height
In plain English
Height fixes or sizes the vertical space of the collection box. Leave it unset when the collection should grow with the rows inside.
When you would use it
- A parent layout needs the collection to occupy a known vertical slot.
How to change it
- Open Collection Settings, then "Height".
One value, or one per device? Every input in this setting sits under a “Same value for all resolutions” checkbox. Leave it checked for a single value everywhere, or uncheck it to give phones, tablets, and desktops their own. How per-device values work.
Watch out for
- This setting is left out on the editing canvas so the drag-and-drop surface stays full size. Open Preview to see it applied.
- A fixed height that is too short can clip overflowing content unless Overflow is set.
Related settings
- Collection Min Height
- Collection Max Height
- Collection Overflow
- Height
- Using a CSS variable instead of a typed value
For developers
The technical reference for what this setting produces: MDN: height. You do not need any of it to use the setting — it is there for whoever is building the components or debugging the published page.
Where to go next
- Back to the full attribute reference
- The Composer — the editing surface these settings live in.
- Publishing — how a change like this reaches your live site.