Juego de memoria reparado

UO291047 · Dec 16, 2024 · df65e57 · df65e57
1 parent 3f1b793
commit df65e57
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 28 deletions.
diff --git a/estilo/estilo.css b/estilo/estilo.css
@@ -144,36 +144,36 @@ body > div:nth-last-child(2){
 }
 
 /*Especificidad: 001*/
-/*article {
+article {
     width: 100%;
     max-width: 85vh;
     height: 60vh;
     position: relative;
     overflow: hidden; 
     border-radius: 1em;
-}*/
+}
 
 /*Especificidad: 002*/
-/*article h3 {
+article h3 {
     width: 100%;
     text-align: center;
     margin-bottom: 0.5em;
     font-size: 2em;
-}*/
+}
 
 /*Especificidad: 002*/
-/*article img {
+article img {
     width: 100%;
     max-width: 85vh;
     height: 50vh;
     position: absolute;
     transition: all 0.5s;
     object-fit: cover;
     border-radius: 0.5em;
-}*/
+}
 
 /*Especificidad: 002*/
-/*article button {
+article button {
     position: absolute;
     width: 2em;
     height: 2em;
@@ -188,21 +188,21 @@ body > div:nth-last-child(2){
     flex-direction: column;
     align-items:center;
     justify-content: center;
-}*/
+}
 
 /*Especificidad: 012*/
-/*article button:active {
+article button:active {
     transform: scale(1.1);
-}*/
+}
 
 /*Especificidad: 012*/
-/*article button:nth-of-type(2) {
+article button:nth-of-type(2) {
     top: 50%;
     left: 2%;
-}*/
+}
 
 /*Especificidad: 012*/
-/*article button:nth-of-type(1) {
+article button:nth-of-type(1) {
     top: 50%;
     right: 2%;
-}*/
+}
diff --git a/estilo/memoria.css b/estilo/memoria.css
@@ -18,8 +18,8 @@ body > section h2 {
     text-align: center;
 }
 
-/*Especificidad: 001*/
-article {
+/*Especificidad: 002*/
+section article {
     width: calc(20%);
     height: 20em;
     margin: 0.5em;
@@ -30,22 +30,23 @@ article {
     transform-style: preserve-3d;
     transition: transform 0.5s;
     position: relative;
+    overflow: visible;
 }
 
-/*Especificidad: 011, 011*/
-article[data-state = "flip"], 
-article[data-state = "revealed"] {
+/*Especificidad: 012, 012*/
+section article[data-state = "flip"], 
+section article[data-state = "revealed"] {
     transform: rotateY(180deg);
 }
 
-/*Especificidad: 011*/
-article[data-state = "init"] {
+/*Especificidad: 012*/
+section article[data-state = "init"] {
     transform: rotateY(0deg);
 }
 
-/*Especificidad: 002, 002*/
-article h3,
-article img {
+/*Especificidad: 003, 003*/
+section article h3,
+section article img {
     margin: 0;
     width: 100%;
     height: 100%;
@@ -55,15 +56,16 @@ article img {
     position: absolute;
 }
 
-/*Especificidad: 002*/
-article h3 {
+/*Especificidad: 003*/
+section article h3 {
     display: flex;
     flex-direction: row;
     justify-content: center;
 }
 
-/*Especificidad: 002*/
-article img {
+/*Especificidad: 003*/
+section article img {
     transform: rotateY(180deg);
     display: block;
+    object-fit: fill;
 }