From c67689305db301bef4a641a993382ff82be66be7 Mon Sep 17 00:00:00 2001 From: Ayush Mukherjee Date: Wed, 11 Nov 2020 14:10:08 +0530 Subject: [PATCH] refactor panels and cleanup --- src/scss/components/_panel.scss | 8 ++++++-- src/scss/pages/_home.scss | 7 ++++++- 2 files changed, 12 insertions(+), 3 deletions(-) diff --git a/src/scss/components/_panel.scss b/src/scss/components/_panel.scss index 9cbf80d..4791d07 100644 --- a/src/scss/components/_panel.scss +++ b/src/scss/components/_panel.scss @@ -7,7 +7,7 @@ align-items: center; .panel__image { - max-width: 640px; + max-width: 1920px; img { width: 100%; @@ -17,6 +17,9 @@ .panel__body { margin-right: 10px; + display: flex; + flex-direction: column; + align-items: flex-start; .body__title { font-size: $font-heading; @@ -25,7 +28,7 @@ .body__content { margin: 40px 0; - max-width: 700px; + width: 70%; } } } @@ -36,6 +39,7 @@ .panel__body { margin-right: 0; margin-left: 10px; + align-items: flex-end; } } diff --git a/src/scss/pages/_home.scss b/src/scss/pages/_home.scss index 26e0229..58489c8 100644 --- a/src/scss/pages/_home.scss +++ b/src/scss/pages/_home.scss @@ -44,7 +44,12 @@ main { } .work { - padding: 150px 30px; + padding: 150px 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + .panel:nth-child(2) { margin: 150px 0;