profile page should no longer scale weirdly

public/css/app.css

@@ -261,14 +261,17 @@
   width: 200px;
 }
 
-#feed,
-#profileleftcontainer {
+#feed, #profileleftcontainer {
   text-align: center;
   padding-left: 5px;
   padding-right: 5px;
   width: 50%;
 }
 
+#profileleftcontainer, #profilerightcontainer {
+  max-width: 450px;
+}
+
 #gamesframe,
 #profilerightcontainer {
   text-align: center;
@@ -385,7 +388,7 @@ body {
   flex-direction: row;
   align-items: flex-start;
   align-content: center;
-  justify-content: flex-start;
+  justify-content: space-around;
   flex-wrap: nowrap;
 }
 

resources/views/pages/catalog.blade.php

@@ -11,7 +11,7 @@
 
     @section('content')
         <h1>Catalog</h1>
-        <div class="content_special" style="flex-wrap: wrap">
+        <div class="content_special" style="flex-wrap: wrap; justify-content: flex-start">
             <div class="catalogitem">
                 <img class="catalogitemimage" src="{{ asset('img/reviewpending.png') }}">
                 <p>Item Name</p>