Center one div block to another

I’m having trouble with my page. I want a div block to center under another div block above it, but I can’t figure out how. It only seems to center on the container that all the elements are in. I’ve attached a picture and the shareable link. Could someone please help?


Here is my site Read-Only: [LINK][1]

The simplest way is to have both #1 and #2 in a container div by themselves, and set it to flex, downward, horizontally centered.

Currently #1 is in a containing div with your yellow demo button so you’ll need to modify your page structure slightly to make this work elegantly.

That works, thanks for the help!