Flexbox container for Hype element?

Responsive
1

I’ve tried exporting a hype element using a container that is set to display:flex, but when I view this in the browser I just see a blank screen. I’ve tried setting the dimensions to both a fixed width and height, and to Scale to 100% of the container, but neither option works. I am trying to get my Hype animation to position exactly in the middle of the screen regardless of viewport height.

Is this possible with a Hype document? Does anyone know what I am doing wrong?

2

well, without an example, we can try to guess, document setting?


3

Thanks for the reply - I’ve solved it now. I’d forgotten to set the flex container to 100vh. Works perfectly now.

For anyone else trying to achieve the same effect, the proportions of the Hype scene needs to be fixed both vertically and horizontally.