How would you make a parent element have 2x the width & height of a child whose width and height are in turn determined by its content? (width: max-content)
No visual tricks. Parent's content-box dimensions must be double the child's border-box dimensions.
No JS.
Can this be done with pure #CSS?