IO commit 3

FredJRice · Sep 6, 2024 · a2aa75c · a2aa75c
1 parent b06c669
commit a2aa75c
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 17 deletions.
diff --git a/index.html b/index.html
@@ -72,20 +72,20 @@ <h1>[ ] Contact</h1>
         </section>
         <section id="career" class="sectioncareer">
             <div  class="careersbox">
-                <div class="project">
-                    <a href="work_grimme.html"><img src="images/grimme-logo.png" alt="GRIMME Group" width="203" height="117"></a>
+                <div class="career">
+                    <a href="work_grimme.html"><img src="images/grimme-logo.png" alt="GRIMME Group"></a>
                 </div>
-                <div id="kvg" class="project">
-                    <a href="work_kvg.html"><img src="images/kverneland-logo.png" alt="Kverneland Group Logo" width="203" height="117"></a></div>
-                <div class="project">
-                    <a href="work_mf.html"><img src="images/MF_Logo_2022.png" alt="Massey Ferguson Logo" width="203" height="117"></a></div>
-                <div class="project">
+                <div id="kvg" class="career">
+                    <a href="work_kvg.html"><img src="images/kverneland-logo.png" alt="Kverneland Group Logo"></a></div>
+                <div class="career">
+                    <a href="work_mf.html"><img src="images/MF_Logo_2022.png" alt="Massey Ferguson Logo"></a></div>
+                <div class="career">
                     <a href="training_io.html"><img  src="images/io_icon.png" alt="IO Academy Icon"></a>
                 </div>
-                <div class="project">
+                <div class="career">
                     <a href="training_rhs.html"><img  src="images\RHS Icon.png" alt="RHS Icon"></a>
                 </div>
-                <div class="project">
+                <div class="career">
                     <a href=""><img id="exp" src="images/experience2.jpg" alt="Experience Icon"></a>
                 </div>
             </div>

diff --git a/portfolio.css b/portfolio.css
@@ -170,9 +170,7 @@ h1,h2,h3,h4,h5,h6{
 #two{
     background-color:#aba0a0;
 }
-#exp{
-    scale: 40%;
-}
+
 .project{
     display: flex;
     flex-direction: column;
@@ -186,6 +184,7 @@ h1,h2,h3,h4,h5,h6{
     margin: 10px;
     border-radius: 15px;
     padding: 20px;
+    overflow:hidden;
 }
 .sectioncareer{
     display: flex;
@@ -203,27 +202,30 @@ h1,h2,h3,h4,h5,h6{
     margin: 10px;
 }
 
-.project{
+.career{
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    height: 300px;
-    width: 300px;
+    max-height: 300px;
+    max-width: 300px;
     background-color: white;
     border: 2px solid black;
     margin: 10px;
     border-radius: 15px;
     padding: 20px;
 }
-
+.career img{
+    max-width: 300px;
+    max-height: 300px;
+}
 .footer{
     position: fixed;
     bottom: 0;
     left: 100px;
     margin: 10px;
     font-size: 2em;
-    z-index: -1;
+    z-index: -2;
 }
 
 @media screen and (max-width:768px){