set the cube's position on the screen

[davidAgo4g]

I suggests not to place fixed dimensions in cube.css in the section
.csstransitions.csstransforms .deck-container:not(.deck-menu) > .slide
like:

 top: 0;
 left: 50%;
 margin-left: -400px;
 width: 800px;

If I understood correctly you had tried to place the cube at the center moving it with left:50% and then moving at the left with the half of his width width: 800px with margin-left: -400px.
So try to replace that code with this:

  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;

[mikeharris100]

Hi!

Thanks for the input. But the problem is with the transforms. The translateZ value cannot be a percentage. To keep things from looking weird we need to translate Z by the same value we translate X, and the value by which we translate X needs to be half the width of the cube. So in order to do that we need to keep things fixed, I think.

If you know a way around this I'd love to hear it!