{solved}I'm having problem with 3d cube animation

Question

How can I make the yellow face complete the box? Now it's with the green in the middle where it's not supposed to be.
I've tried checking tutorials but I don't still understand it.
https://code.sololearn.com/W9Jlx9HJqYL5/?ref=app

Answer 1

I've gotten the answer.
I just added translateZ(calc(var(--box-height) / 3)) to side1