links fix (now pictures are links too)

satisf1ed · satisf1ed · commit d4ff7e8c4395 · 2023-04-05T16:40:06.000+03:00
diff --git a/index.html b/index.html
@@ -83,15 +83,11 @@ <h2>My Projects</h2>
 
         <div class="flex-row flex-row_projects">
             <div class="flex-row_projects__card flex-row_projects__card_cubesat transition">
-                <div class="flex-row_projects__card-cover transition">
-                    <a href="https://docs.google.com/document/d/1bicSTlkCiDmHH4FNxk703qvzl9KVp-3eXTy40IYCmHg/edit?usp=sharing" target="_blank" class="link-text">CubeSat 3U</a>
-                </div>
+                <a href="https://docs.google.com/document/d/1bicSTlkCiDmHH4FNxk703qvzl9KVp-3eXTy40IYCmHg/edit?usp=sharing" target="_blank" class="flex-row_projects__card-cover transition">CubeSat 3U</a>
             </div>
 
             <div class="flex-row_projects__card flex-row_projects__card_iss transition">
-                <div class="flex-row_projects__card-cover transition">
-                    <a href="https://docs.google.com/document/d/1gTpS8f38_BGaj7aJPgqp4g8mB8Z0q5mA/edit?usp=sharing&ouid=100885345940101146073&rtpof=true&sd=true" target="_blank" class="link-text">System "ISS-360"</a>
-                </div>
+                <a href="https://docs.google.com/document/d/1gTpS8f38_BGaj7aJPgqp4g8mB8Z0q5mA/edit?usp=sharing&ouid=100885345940101146073&rtpof=true&sd=true" target="_blank" class="flex-row_projects__card-cover transition">System "ISS-360"</a>
             </div>
         </div>
     </section>
diff --git a/styles/style.css b/styles/style.css
@@ -214,27 +214,24 @@ body, div, section, h1, h3, h2 {
 
 .flex-row_projects__card-cover {
     position: relative;
-    width: 100%;
+    width: 95%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     order: 2;
     opacity: 0;
     display: flex;
     align-items: flex-end;
-}
-
-.flex-row_projects__card-cover:hover {
-    opacity: 1;
-}
-
-.flex-row_projects__card-cover a {
     color: white;
     text-decoration: none;
     font-size: 2rem;
-    margin-left: 5%;
+    padding-left: 5%;
     margin-bottom: 5%;
 }
 
+.flex-row_projects__card-cover:hover {
+    opacity: 1;
+}
+
 .transition {
     transition: 0.5s;
 }
