Merge pull request #257 from tjklint/refactor(1page)

Refactor(1page)

Author: tjklint

src/components/about/about.scss

@@ -34,51 +34,57 @@
   .about-intro {
     display: flex;
     flex-direction: row;
-    align-items: center;
+    align-items: flex-start; 
     margin-bottom: 40px;
-
+  
     @media (max-width: 768px) {
       flex-direction: column;
       text-align: center;
     }
-
+  
     .about-text {
       flex: 1;
       padding-right: 0;
       text-align: left;
-
+  
       @media (max-width: 768px) {
         text-align: center;
         padding-right: 0;
       }
-
+  
       p {
         font-size: 1.2em;
         font-family: 'RobotoMono', sans-serif;
+        margin-bottom: 20px; /* Add consistent margin between paragraphs */
       }
-
+  
       .purple-text {
         color: #8a2be2;
       }
     }
-
+  
     .about-photo {
       flex: 0 0 30%;
       padding-left: 5%;
-
+      display: flex;
+      justify-content: flex-end; /* Align image to the bottom of the text */
+      align-items: flex-start;
+  
       img {
         width: 100%;
+        height: auto;
         border: 3px solid #8a2be2;
         border-radius: 10px;
       }
-
+  
       @media (max-width: 768px) {
         width: 70%;
         padding-left: 0;
+        margin-top: 20px; 
       }
     }
   }
-
+  
   .about-technologies,
   .about-contact {
     margin-bottom: 40px;