Create new containers and move inside others

Question

How do I create a new container referencing a parent container and move inside other containers. What I try

 <referenceContainer name="content">
        <container name="product.container" as="productContainer" htmlTag="div" htmlClass="product-container">
        </container>
</referenceContainer>
<move name="product.info.main" destination="product.container" />
<move name="product.info.media" destination="product.container" /> 

Answer 1

You have wrong display inside move,

plz try,

 <move element="product.info.main" destination="product.container"/>

use element instead of name in move tag.

Answer 2

There is a mismatch in syntax please correct it by replacing name attribute to element like below.

<move element="product.info.main" destination="product.container" />
<move element="product.info.media" destination="product.container" />