Updated AboutPage.css to position icons in a row with a flex box

Author: NateOelke

src/pages/AboutPage.css

@@ -1,3 +1,8 @@
+.logo-icon-container {
+    display: flex;
+    flex-direction: row;
+}
+
 @media screen and (min-width: 801px) {
 
     #profile-pic {
@@ -18,14 +23,14 @@
 
     .logo-icon-container {
         width: 250px;
-        object-fit: cover;
         margin-left: 30px;
         margin-bottom: 5px;
     }
 
     .logo-icon {
-        height: 17%;
-        width: 17%;
+        height: 24px;
+        width: 24px;
+        margin: 6px 12px 6px 12px;
     }
 
     .align-items-center {
@@ -50,14 +55,12 @@
 
     .logo-icon-container {
         width: 100%;
-        object-fit: contain;
         margin-bottom: 15px;
     }
 
     .logo-icon {
-        height: 12%;
-        width: 12%;
-        margin-left: 7px;
-        margin-right: 7px;
+        height: 24px;
+        width: 24px;
+        margin: 6px 18px 6px 18px;
     }
 }