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 ?

0

If you have a fediverse account, you can quote this note from your own instance. Search https://mastodon.social/users/anatudor/statuses/115847920336993954 on your instance and quote it. (Note that quoting is not supported in Mastodon.)