From 6ffc8400326690a88683d375d12951a12b610635 Mon Sep 17 00:00:00 2001
From: Francisco Pessano <franpessano1@gmail.com>
Date: Sat, 10 Jul 2021 21:48:43 -0300
Subject: [PATCH] =?UTF-8?q?Dise=C3=B1o=20de=20las=20tarjetas=20listo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.php |  6 +++---
 script.js |  0
 style.css | 34 ++++++++++++++++++++++------------
 3 files changed, 25 insertions(+), 15 deletions(-)
 create mode 100644 script.js

diff --git a/index.php b/index.php
index e73c3ca..9d427e0 100644
--- a/index.php
+++ b/index.php
@@ -27,9 +27,9 @@
     ?>
 
     <div class="card">
-        <h2>Title</h2>
-        <div class="bottom-part">
-            <img src="./img/test.jpg">
+        <img src="./img/test.jpg">
+        <div class="text">
+            <h2>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Corporis expedita repellendus sunt modi sint earum atque nihil porro neque, excepturi doloremque deserunt nesciunt nemo dolores, veniam error possimus non. Facere.</h2>
             <h3>Content... Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut numquam accusamus, voluptas vel et corrupti, dolore maxime ipsum veritatis quae obcaecati magni provident iure possimus praesentium animi debitis, quos consequuntur. Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, reprehenderit. Voluptatem inventore est necessitatibus blanditiis? Voluptatem pariatur fuga officiis minus, excepturi laudantium assumenda enim, rem officia quis obcaecati facilis consequuntur? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur facilis odio blanditiis perspiciatis quaerat quos magni dolor praesentium repellat officia fugit eum natus, impedit quis, quo optio? Similique, temporibus delectus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque dicta quia minima! Harum, alias maxime, architecto debitis distinctio amet assumenda, fugiat iure quis nesciunt ut laboriosam rem voluptatibus aspernatur nobis!</h3>
         </div>
     </div>
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..e69de29
diff --git a/style.css b/style.css
index 90eef02..b5aa991 100644
--- a/style.css
+++ b/style.css
@@ -50,19 +50,23 @@ header {
 
 
 .card {
-    padding-left: 2vw;
-    padding-right: 2vw;
-    padding-top: 2vh;
-    padding-bottom: 2vh;
-    width: 70vw;
-    height: 13vh;
+    width: 74vw;
     background-color: #ffffff;
     border-radius: 15px;
+    display: flex;
+}
+
+.card .text {
+    margin-top: 2vh;
+    margin-right: 2vw;
+    width: calc(74vw - 150px - 6vw);
+    margin-bottom: 2vh;
 }
 
 .card h2 {
-    font-size: 30pt;
+    font-size: 24pt;
     margin-bottom: 1vh;
+
 }
 
 .card .bottom-part {
@@ -71,15 +75,21 @@ header {
 }
 
 .card img {
-    width: 70px;
-    height: 70px;
+    margin-left: 2vw;
+    margin-top: 2vh;
+    margin-bottom: 2vh;
+    width: 150px;
+    height: 150px;
+    align-self: center;
     object-fit: cover;
     margin-right: 2vw;
+    border-radius: 3px;
 }
 
 .card h3 {
-    font-size: 11pt;
-    height: 7vh;
-    overflow: hidden;
+    font-family: 'Times New Roman', Times, serif;
+    font-weight: lighter;
+    font-size: 12pt;
+    color: #999999;
 }