Style optimization, more content

src/style/_footer.scss

@@ -15,10 +15,12 @@ footer {
 
     .footer-row {
       display: flex;
+      flex-wrap: wrap;
       width: 100%;
       max-width: 1440px;
       padding: 50px 120px;
       margin: auto;
+      
 
       @media screen and (max-width: $breakpoint-lg) {
         padding: 50px;
@@ -29,10 +31,12 @@ footer {
       }
 
       .column {
+        text-align: center;
         margin: 0 10px;
         flex-direction: column;
-        flex-basis: 100%;
-        flex: 1;
+        flex-basis: 300px;
+        flex-grow: 1;
+        flex-shrink: 0;
       }
 
       a {

src/typescript/script.ts

@@ -29,7 +29,7 @@ window.onload = function() {
             // Build url
             let queryString = Object.keys(formParameter).map((k : any) => encodeURIComponent(k) + "=" + encodeURIComponent(formParameter[k])).join("&");
             let getUrl = targetUrl + "?" + queryString;
-        
+
             // Perform get request
             var xmlHttp = new XMLHttpRequest();
             xmlHttp.open("GET", getUrl);