From 176cf537d9d883451590aa59ee0602d5228f1864 Mon Sep 17 00:00:00 2001 From: ronopixels Date: Tue, 25 Aug 2020 18:28:30 +0600 Subject: [PATCH] updated: portfolio section responsive --- assets/scss/components/_portfolio-section.scss | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/assets/scss/components/_portfolio-section.scss b/assets/scss/components/_portfolio-section.scss index 49678dc..bd5b2fa 100644 --- 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 {