updated: portfolio section responsive

5 years ago · 176cf537d9
parent e564d2051b
commit 176cf537d9
1 changed files with 16 additions and 0 deletions
--- a/assets/scss/components/_portfolio-section.scss
+++ b/assets/scss/components/_portfolio-section.scss
@ -28,11 +28,24 @@
  &-item {
    width: 50%;
    padding: 30px;
+    @include tablet {
+      width: 100%;
+      padding: 0;
+    }
    &:nth-child(4n-3) {
      padding-right: 70px;
+      @include tablet {
+        padding-right: 0;
+      }
    }
    &:nth-child(4n-1) {
      padding-left: 90px;
+      @include tablet {
+        padding-left: 0;
+      }
+    }
+    &:not(:last-child) {
+      margin-bottom: 40px;
    }
    &-grid {
      display: flex;
@ -89,6 +102,9 @@
          left: -30px;
          transform: translateY(-50%);
        }
+        @include tablet {
+          transform: scaleY(1);
+        }
      }
    }
    &:hover {