Neatly align plugins centrally for all themes.

Author: triforce

css/main.css

@@ -154,6 +154,7 @@ body {
 
 /***** Plugins Container ****/
 #plugins {
+  text-align: center;
   padding: 20px;
   padding-top: 0;
   margin-top: 0;
@@ -162,7 +163,9 @@ body {
 
 /***** Plugin ****/
 .plugin {
-  float: left;
+  vertical-align: text-top;
+  width: 450px;
+  display: inline-block;
   padding: 0;
   background-color: #FFFFFF;
   color: black;
@@ -172,7 +175,7 @@ body {
   margin-top: 10px;
   margin: 0 auto;
   margin-top: 20px;
-  margin-left: 50px;
+  margin-left: 20px;
   margin-bottom: 50px;
 }
 @media (max-width: 768px) { 

css/theme-old.css

@@ -73,7 +73,7 @@ html.old body .hero nav-bar ul li:hover a {
 html.old body #plugins {
   display: flex;
   flex-flow: row wrap;
-  justify-content: flex-start;
+  justify-content: center;
 }
 html.old body .plugin {
   border: 1px solid #d5d5d5;