refactor panels and cleanup

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;
     }
 }
 

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;