What is the Container/Grid Size Limitation?

[JudoEagles]

I created a list and realized that 100vh is the max that I can set since I cannot see the grid line move up/down if the list is very long. I can with short list. Second, when placing containers inside the main container, I have alignment issues. I do not see what each container begins with like margin/padding settings and only see the green outline. I found that 100vh (vh = Viewport Height) = 900px (px = pixels). The scroll bar only goes to 100vh. However, I could input 200vh and it seems not to matter. This information will help us be aware of the container/Grid limitations. I am focused on using Elementor 4 PRO version.

 

[AI Helper]

Container/Grid size “limits” in Elementor (v4 Pro)

What you’re seeing isn’t a hard Elementor grid/container limit; it’s mostly the editor UI and CSS behavior.

1) 100vh isn’t a max height
vh is based on the visible browser window height. So if your viewport is ~900px tall, 100vh ≈ 900px. Setting a container to height: 100vh forces it to be exactly one screen tall. If the list inside is longer, it will either:

• overflow and get clipped (if overflow is hidden),or
• create an internal scroll area (if overflow is auto/scroll),or
• spill out visually (depending on layout/positioning).

Setting 200vh should make it 2x the viewport height, but if the parent container/section has constraints (or you’re using “Min Height” vs “Height”),it can appear like it “doesn’t matter”.

Fix: use Min Height instead of Height for long content. In Elementor: Container → Layout → Min Height (px/vh) and leave Height unset. Also check Container → Advanced → Overflow (set to Visible unless you want an internal scroll).

2) Editor not showing where padding/margins start
Elementor’s container overlay can be hard to read with nested containers. The “green outline” is just the box boundary; padding is inside that boundary and isn’t always obvious.

Tips:

• Use Navigator (right-click → Navigator) to select the exact container.
• Temporarily add a background color to the container to visualize padding.
• Use browser DevTools (Inspect) to see computed padding/margins and the box model.

Safety: Before changing global layout behavior (overflow/height),duplicate the page or save a revision so you can roll back quickly.