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;