79833844

Date: 2025-11-30 11:31:03
Score: 1
Natty:
Report link

Certainly! So the problem I have doesnt have so much to do with the current grid stacking implementation, so i've updated the snippet using absolute positioning instead.

The problem is; I have a container inside yellow column that holds two elements. When I dont break out the "text-container element" it's easy to control the spacings between the two (using row-gap or margin-bottom).

But If I add the break-out class on the text-container the element is removed from the document flow and isnt considered as a child of the nested yellow-columns flexbox-container, and that makes it so I can't control the spacings anymore, that's what Im having problem solving in a elegant and scalable way. Hope I'm making sense, having a hard time explaining the issue in few words.

Reasons:
  • Long answer (-0.5):
  • No code block (0.5):
  • Self-answer (0.5):
  • Low reputation (0.5):
Posted by: Vanhorn