helloo

N1C0SM · Nov 10, 2024 · 14dfa98 · 14dfa98
1 parent 3d36076
commit 14dfa98
Show file tree

Hide file tree

Showing 6 changed files with 223 additions and 268 deletions.
diff --git a/entidad-re/ER.png → ER-Model/ER.png b/entidad-re/ER.png → ER-Model/ER.png
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,2 @@
+includes:
+  - html/
diff --git a/css/styles.css b/css/styles.css
@@ -174,45 +174,51 @@ main {
 		section.clothes {
 			display: flex;
 			gap: 2em;
-			article {
-				border-radius: 14px;
-				border: 1px solid #f1f1f3;
-				overflow: hidden;
-				width: 305px;
-
-				figure {
-					background: #f7f7f8;
-					img {
-						width: 305px;
-						height: 305px;
-						object-fit: contain;
-					}
-				}
-				figcaption {
-					background: #ffffff;
-					display: flex;
-					flex-direction: column;
-					gap: 2em;
-					width: 100vh;
-					padding: 30px 24px;
+			transition: transform 0.5s ease;
+			a {
+				text-decoration: none;
+				color: #262626;
+				article {
+					border-radius: 14px;
+					border: 1px solid #f1f1f3;
+					overflow: hidden;
+					width: 305px;
+					min-width: 100%;
 
-					h2 {
-						font-size: 16px;
-						width: 100vh;
-					}
-					h2::first-letter {
-						text-transform: capitalize;
+					figure {
+						background: #f7f7f8;
+						img {
+							width: 305px;
+							height: 305px;
+							object-fit: contain;
+						}
 					}
-					section.footer {
+					figcaption {
+						background: #ffffff;
 						display: flex;
-						gap: 8em;
-						h3 {
-							color: #98989a;
+						flex-direction: column;
+						gap: 2em;
+						width: 100vh;
+						padding: 30px 24px;
+
+						h2 {
 							font-size: 16px;
+							width: 100vh;
 						}
-						h3::first-letter {
+						h2::first-letter {
 							text-transform: capitalize;
 						}
+						section.footer {
+							display: flex;
+							gap: 8em;
+							h3 {
+								color: #98989a;
+								font-size: 16px;
+							}
+							h3::first-letter {
+								text-transform: capitalize;
+							}
+						}
 					}
 				}
 			}
@@ -269,8 +275,7 @@ main {
 	section.product-detail {
 		display: flex;
 		div.product {
-			width: 500px;
-			height: 500px; /*Porque no va fit content 😅*/
+			width: 100%;
 			img {
 				width: 500px;
 				object-fit: fill;
@@ -318,7 +323,7 @@ main {
 					p::first-letter {
 						text-transform: capitalize;
 					}
-					h1::first-letter {
+					h2::first-letter {
 						text-transform: capitalize;
 					}
 				}
@@ -327,23 +332,28 @@ main {
 				}
 				div.buttons {
 					display: flex;
-					gap: 50px;
+					gap: 5px;
 					button {
 						border-radius: 32px;
-						padding: 24px 10px;
 						font-size: 18px;
-						width: 15em;
 						display: flex;
-						gap: 1em;
 						justify-content: center;
 						align-items: center;
 						height: fit-content;
+						width: 10.5em;
+						height: 3em;
 					}
 					button.buy {
 						background: #262626;
 						color: #f1f1f3;
+						display: flex;
+						gap: 10px;
+						padding: 16px 10px;
 					}
 					button.cart {
+						display: flex;
+						gap: 10px;
+						padding: 16px 10px;
 						border: 1px solid #f1f1f3;
 					}
 				}