diff --git a/_layouts/default.html b/_layouts/default.html
index d6cd2da..36ff123 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -8,6 +8,21 @@
     <link rel="shortcut icon" sizes="128x128" href="https://www.codefor.nl/img/CfNL.png" />
     <title>{{ site.title }}</title>
     <link rel="stylesheet" href="https://www.codefor.nl/css/style.css" type="text/css" media="all">
+    <style>
+        .person-list {
+            flex-wrap: wrap;
+        }
+        .person {
+            flex: 0 0 33.333333%;
+            margin: 40px auto;
+            padding: 0;
+        }
+        .person > .summary,
+        .person > .skills {
+            text-align: justify;
+            padding: 20px;
+        }
+    </style>
 </head>
 
 <body>
diff --git a/index.html b/index.html
index 4a21f55..07b7025 100644
--- a/index.html
+++ b/index.html
@@ -40,10 +40,19 @@ <h2>Code Fellows</h2>
             </div>
         </script>
         <script type="module">
+            Array.prototype.shuffle = function () {
+                for (var i = 0; i < this.length; ++i) {
+                    var j = Math.floor(Math.random() * this.length);
+                    var tmp = this[i];
+                    this[i] = this[j];
+                    this[j] = tmp;
+                }
+                return this;
+            };
             var codeFellowResumeUrls = await fetch('code-fellows.json')
                 .then(response => response.json())
                 .then(data => data["code-fellows"]);
-            codeFellowResumeUrls.forEach(function (url) {
+            codeFellowResumeUrls.shuffle().forEach(function (url) {
                 fetch(url)
                     .then(response => response.json())
                     .then(resume => {
