update the images

sadaf-Daneshgar · Feb 27, 2024 · db3a5aa · db3a5aa
1 parent 2525a53
commit db3a5aa
Show file tree

Hide file tree

Showing 6 changed files with 5 additions and 8 deletions.
diff --git a/image/budget.PNG b/image/budget.PNG
diff --git a/image/library.PNG b/image/library.PNG
diff --git a/image/library.jpg b/image/library.jpg
diff --git a/index.html b/index.html
@@ -76,7 +76,7 @@ <h3 class="hero-section-connect">LET’S CONNECT</h3>
         <section class="cards-container-section" id="portfolio-link">
             <div class="card">
                 <div class="card-img">
-                    <img src="image/library.PNG" alt="Page to page book library" />
+                    <img src="image/library.jpg" alt="Page to page book library" />
                 </div>
                 <div class="card-content facebook-card">
                     <h2 class="card-title">Page to page Book Library</h2>

diff --git a/script.js b/script.js
@@ -31,7 +31,7 @@ const projectsFullDatiel = [
   {
     name: 'Page to page Book Library',
     projectInformation: { org: 'Library', type: 'Full-stack Dev', year: '2024' },
-    projectImage: 'image/library.PNG',
+    projectImage: 'image/library.jpg',
     projectDescription: 'This project is a web application that allows users to reserve books from a library.The user can also see the list of books that are available in the library.',
     projectLanguages: ['Ruby on Rails', 'React-Redux', 'PostgreSQL', 'CSS'],
     projectLiveLink: 'https://page-to-page.onrender.com/',

diff --git a/style.css b/style.css
@@ -748,11 +748,8 @@ hr.newOne {
   }
 
   .card-img img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    overflow: hidden;
-    object-position: center;
+    width: 555px;
+    height: 448px;
   }
 
   .card-content {
@@ -1131,6 +1128,6 @@ hr.newOne {
 
   .card-img img {
     width: 300px;
-    height: 300px;
+    height: 220px;
   }
 }