Remove workcard images

1 files changed, 5 insertions, 23 deletions

diff --git a/sass/style.scss b/sass/style.scss
index 4db7a20..73aeb80 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -43,19 +43,16 @@ main {
     margin: 2em;
     min-height: calc(100vh - 108.8px - 25.6px - 25.6px - 32px - 32px);
     .works {
-        .work-card:nth-child(even) {
-            background-position: left;
-            align-items: flex-end;
-        }
         display: grid;
         row-gap: 2em;
         column-gap: 2em;
-
-        @media screen and (min-width: 992px) {
+        @media screen and (min-width: 768px) {
             grid-template-columns: 1fr 1fr;
         }
+        @media screen and (min-width: 1024px) {
+            grid-template-columns: 1fr 1fr 1fr 1fr;
+        }
     }
-
 }
 
 footer {
@@ -77,30 +74,16 @@ a {
     padding: 2em;
     background-color: $box-color;
     border-radius: 0.3em;
-    background-repeat: no-repeat;
-    background-size: contain;
-    background-position: right;
     border: 1px solid $background-color;
     height: 250px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    background-blend-mode: overlay;
     .title-and-description, .info {
-        max-width: 50%;
         h3 {
             font-weight: lighter;
             color: $accent-color;
         }
-        @media screen and (max-width: 650px) {
-            font-size: 0.8em;
-            max-width: 70%;
-        }
-        @media screen and (max-width: 500px) {
-            font-size: 0.7em;
-            max-width: 100%;
-        }
-
     }
     .info {
         span {
@@ -115,12 +98,11 @@ a {
 }
 
 .works-filter {
-    padding: 1em;
+    padding-bottom: 2em;
     font-size: 0.9em;
     @media screen and (max-width: 500px) {
         font-size: 0.7em;
     }
-
     label {
         margin-left: 2em;
         color: $font-color;