ajustes imagens

julio-dourado · Jun 1, 2024 · c6809fb · c6809fb
1 parent 303dd19
commit c6809fb
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 9 deletions.
diff --git a/assets/vambora.png b/assets/vambora.png
diff --git a/assets/vambora2.jpg b/assets/vambora2.jpg
diff --git a/css/style.css b/css/style.css
@@ -224,6 +224,7 @@ li {
 
 .card-h3 {
     font-size: 28px;
+    font-weight: 600;
 }
 
 .tecnologias {
@@ -252,10 +253,17 @@ li {
 }
 
 .project-image {
-    max-width: 312px;
-    max-height: 270px;
-    border-radius: 18px;
-    margin-top: 20px;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.project-image-container {
+    margin-top: 15px;
+    width: 312px;
+    height: 312px;
+    border-radius: 35px;
+    overflow: hidden;
 }
 
 .github {
@@ -387,7 +395,7 @@ li {
     align-items: center;
     flex-wrap: wrap;
     gap: 20px;
-    padding: 15px 15px 0 20px;
+    padding: 15px 15px 0 15px;
     color: white;
 }
 

diff --git a/index.html b/index.html
@@ -75,7 +75,7 @@ <h3 class="card-h3 poppins-medium">Todo App</h3>
                                 <div class="tecnologia blue shadow-home-content-card">React</div>
                                 <div class="tecnologia red shadow-home-content-card">CSS</div>
                             </div>
-                            <div>
+                            <div class="project-image-container">
                                 <img class="project-image" src="./assets/TodoReact.png" alt="Imagem de Projeto">
                             </div>
                             <div class="vizualization">
@@ -96,7 +96,7 @@ <h3 class="card-h3 poppins-medium">Remediário</h3>
                                 <div class="tecnologia blue shadow-home-content-card">React Native</div>
                                 <div class="tecnologia red shadow-home-content-card">Local Storage</div>
                             </div>
-                            <div>
+                            <div class="project-image-container">
                                 <img class="project-image" src="./assets/remediario.png" alt="Imagem de Projeto">
                             </div>
                             <div class="vizualization">
@@ -118,8 +118,8 @@ <h3 class="card-h3 poppins-medium">Vambora!</h3>
                                 <div class="tecnologia blue shadow-home-content-card">React Native</div>
                                 <div class="tecnologia red shadow-home-content-card">Firebase</div>
                             </div>
-                            <div>
-                                <img class="project-image" src="./assets/vambora.png" alt="Imagem de Projeto">
+                            <div class="project-image-container">
+                                <img class="project-image" src="./assets/vambora2.jpg" alt="Imagem de Projeto">
                             </div>
                             <div class="vizualization">
                                 <a target="_blank" href="https://github.com/fga-eps-mds/2022-2-Vambora"