Hey @boston85719, have you tried setting Min width to zero (or removing that setting under Conditionals if it’s already set to less than the parent in the Layout tab) and then making sure that the Max width setting is inf?
In my experience, as along as…
- child element is not fixed width and
- child element’s min width is less than that of the parent container and
- child element’s max width is inf
…then the element will automatically stretch to the width of the parent container while respecting margins - i.e. taking the margins into account.
Your screenshot shows that the width of the element has been explicitly set to 100% of its parent’s width, so what you’re seeing is exactly that, and it’s what I’d expect to see - i.e. the element is the same width as its container.
FWIW, I’ve never needed to nest elements to get them to “fit” within the parent, and I have found that, in general, FAR less nesting is needed with the new responsive engine.
Anyway, if my suggestions don’t work, please share the Layout config of both the parent container and its children, and I’d be happy to take a closer look.