From 295a2f172395291f4296f14f7dae91c03e62872f Mon Sep 17 00:00:00 2001 From: "barraux.a" Date: Thu, 24 Mar 2022 09:53:28 +0100 Subject: [PATCH] master.master --- master.css | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) diff --git a/master.css b/master.css index f1216ed..1d8439a 100644 --- a/master.css +++ b/master.css @@ -8,6 +8,8 @@ #tirage { display: flex; + justify-content: space-around; + margin: 0 20%; } .cube { @@ -26,6 +28,7 @@ border: 2px solid black; line-height: 60px; font-size: 40px; + box-sizing: border-box; font-weight: bold; color: white; text-align: center; @@ -55,13 +58,13 @@ .cube__face--8 { background: hsla(288, 100%, 50%, 1); } .cube__face--9 { background: hsla(324, 100%, 50%, 1); } -.cube__face--0 { transform: rotateX( 0deg) translateZ(92px); } -.cube__face--1 { transform: rotateX( 36deg) translateZ(92px); } -.cube__face--2 { transform: rotateX( 72deg) translateZ(92px); } -.cube__face--3 { transform: rotateX(108deg) translateZ(92px); } -.cube__face--4 { transform: rotateX(144deg) translateZ(92px); } -.cube__face--5 { transform: rotateX(180deg) translateZ(92px); } -.cube__face--6 { transform: rotateX(216deg) translateZ(92px); } -.cube__face--7 { transform: rotateX(252deg) translateZ(92px); } -.cube__face--8 { transform: rotateX(288deg) translateZ(92px); } -.cube__face--9 { transform: rotateX(324deg) translateZ(92px); } +.cube__face--0 { transform: rotateX( 0deg) translateZ(91px); } +.cube__face--1 { transform: rotateX( 36deg) translateZ(91px); } +.cube__face--2 { transform: rotateX( 72deg) translateZ(91px); } +.cube__face--3 { transform: rotateX(108deg) translateZ(91px); } +.cube__face--4 { transform: rotateX(144deg) translateZ(91px); } +.cube__face--5 { transform: rotateX(180deg) translateZ(91px); } +.cube__face--6 { transform: rotateX(216deg) translateZ(91px); } +.cube__face--7 { transform: rotateX(252deg) translateZ(91px); } +.cube__face--8 { transform: rotateX(288deg) translateZ(91px); } +.cube__face--9 { transform: rotateX(324deg) translateZ(91px); }