mejorando titulo card

SamirFront-End · Nov 8, 2023 · f52c529 · f52c529
1 parent 47b2e2b
commit f52c529
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 9 deletions.
diff --git a/assets/css/sections/outstanding/card.css b/assets/css/sections/outstanding/card.css
@@ -29,11 +29,13 @@
     grid-template-columns: 50% 50%;
     margin: 10px;
 }
+
 .card-title, .precio {
     width: 100%;
     margin: 5px 0;
     color: var(--colorcuatro);
     font-family: var(--fuenteprincipal);
+    text-align: center;
 }
 .btn-buy {
     background-color: var(--colortres);

diff --git a/index.html b/index.html
@@ -216,7 +216,9 @@ <h1 class="title-outstanding">
                 <div class="img-card-outstanding">
                     <img src="assets/images/productoA.jpg" alt="" class="image-card">
                     <div class="description">
-                        <h2 class="card-title">Producto generico</h2>
+                        <div class="title-description">
+                            <h2 class="card-title">Producto generico</h2>
+                        </div>
                         <div class="footer-description">
                             <h4 class="precio">$150.000</h4>
                             <a href="" class="anchor-card">
@@ -249,7 +251,9 @@ <h4 class="precio">$150.000</h4>
                 <div class="img-card-outstanding">
                     <img src="assets/images/productoB.jpg" alt="" class="image-card">
                     <div class="description">
-                        <h2 class="card-title">Producto generico</h2>
+                        <div class="title-description">
+                            <h2 class="card-title">Producto generico</h2>
+                        </div>
                         <div class="footer-description">
                             <h4 class="precio">$150.000</h4>
                             <a href="" class="anchor-card">
@@ -282,7 +286,9 @@ <h4 class="precio">$150.000</h4>
                 <div class="img-card-outstanding">
                     <img src="assets/images/productoD.jpg" alt="" class="image-card">
                     <div class="description">
-                        <h2 class="card-title">Producto generico</h2>
+                        <div class="title-description">
+                            <h2 class="card-title">Producto generico</h2>
+                        </div>
                         <div class="footer-description">
                             <h4 class="precio">$150.000</h4>
                             <a href="" class="anchor-card">
@@ -323,7 +329,9 @@ <h1 class="title-outstanding">
                 <div class="img-card-outstanding">
                     <img src="assets/images/productoA.jpg" alt="" class="image-card">
                     <div class="description">
-                        <h2 class="card-title">Producto generico</h2>
+                        <div class="title-description">
+                            <h2 class="card-title">Producto generico</h2>
+                        </div>
                         <div class="footer-description">
                             <h4 class="precio">$150.000</h4>
                             <a href="" class="anchor-card">
@@ -356,7 +364,9 @@ <h4 class="precio">$150.000</h4>
                 <div class="img-card-outstanding">
                     <img src="assets/images/productoB.jpg" alt="" class="image-card">
                     <div class="description">
-                        <h2 class="card-title">Producto generico</h2>
+                        <div class="title-description">
+                            <h2 class="card-title">Producto generico</h2>
+                        </div>
                         <div class="footer-description">
                             <h4 class="precio">$150.000</h4>
                             <a href="" class="anchor-card">
@@ -389,7 +399,9 @@ <h4 class="precio">$150.000</h4>
                 <div class="img-card-outstanding">
                     <img src="assets/images/productoD.jpg" alt="" class="image-card">
                     <div class="description">
-                        <h2 class="card-title">Producto generico</h2>
+                        <div class="title-description">
+                            <h2 class="card-title">Producto generico</h2>
+                        </div>
                         <div class="footer-description">
                             <h4 class="precio">$150.000</h4>
                             <a href="" class="anchor-card">
@@ -430,7 +442,9 @@ <h1 class="title-outstanding">
                 <div class="img-card-outstanding">
                     <img src="assets/images/productoA.jpg" alt="" class="image-card">
                     <div class="description">
-                        <h2 class="card-title">Producto generico</h2>
+                        <div class="title-description">
+                            <h2 class="card-title">Producto generico</h2>
+                        </div>
                         <div class="footer-description">
                             <h4 class="precio">$150.000</h4>
                             <a href="" class="anchor-card">
@@ -463,7 +477,9 @@ <h4 class="precio">$150.000</h4>
                 <div class="img-card-outstanding">
                     <img src="assets/images/productoB.jpg" alt="" class="image-card">
                     <div class="description">
-                        <h2 class="card-title">Producto generico</h2>
+                        <div class="title-description">
+                            <h2 class="card-title">Producto generico</h2>
+                        </div>
                         <div class="footer-description">
                             <h4 class="precio">$150.000</h4>
                             <a href="" class="anchor-card">
@@ -496,7 +512,9 @@ <h4 class="precio">$150.000</h4>
                 <div class="img-card-outstanding">
                     <img src="assets/images/productoD.jpg" alt="" class="image-card">
                     <div class="description">
-                        <h2 class="card-title">Producto generico</h2>
+                        <div class="title-description">
+                            <h2 class="card-title">Producto generico</h2>
+                        </div>
                         <div class="footer-description">
                             <h4 class="precio">$150.000</h4>
                             <a href="" class="anchor-card">