Fix spacing, using flex

about.php

@@ -21,7 +21,7 @@ include dirname(__FILE__) . DIRECTORY_SEPARATOR . "inc_header.php";
         <!-- team-list -->
         <table>
           <tr><td>
-            <img src="https://graph.facebook.com/falktx/picture?type=normal" alt="">
+            <img src="images/falktx.jpg" width="80px" alt="">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           </td><td>
             <h3><a href="http://www.falktx.com" target="blank">Filipe Coelho (aka 'falkTX')</a></h3>
@@ -31,7 +31,7 @@ include dirname(__FILE__) . DIRECTORY_SEPARATOR . "inc_header.php";
           </td></tr>
           <tr><td><p><br/></p></td><td><p><br/></p></td></tr>
           <tr><td>
-            <img src="https://graph.facebook.com/melmaquiano/picture?type=normal" alt="">
+            <img src="images/melmaquiano.jpg" width="80px" alt="">
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           </td><td>
             <h3><a href="http://www.facebook.com/melmaquiano" target="blank">Ant&oacute;nio Saraiva (aka 'nieee')</a></h3>

css-black/style.css

@@ -10,6 +10,8 @@ body {
         font-size:100%;
         line-height:1.125em;
         color:#BABABA;
+        display:flex;
+        flex-direction:column;
 }
 html { min-width:1000px; }
 html, body { height:100%;background-color:#1E1F1F; }
@@ -27,13 +29,15 @@ hr { color:#191A1A4D; background-color:transparent; }
         /* Header */
         header{
                 height:72px;
+                min-height:72px;
                 overflow:hidden;
                 background:url(../images/header-bg_black.gif) 0 0 repeat-x;
         }
 
         /*Gallery*/
         #gallery {
-                height:496px;
+                height:380px;
+                min-height:380px;
                 overflow:hidden;
                 background:url(../images/gallerry-bg_black.jpg) 0 0 repeat-x;
         }
@@ -251,7 +255,7 @@ h3 {
         border-top:5px solid #040404;
         background:#040404;
         width:100%;
-/*         min-height:80%; */
+        flex:1;
 }
 
 

css-white/style.css

@@ -10,6 +10,8 @@ body {
         font-size:100%;
         line-height:1.125em;
         color:#272727/*#7A7A7A*/;
+        display:flex;
+        flex-direction:column;
 }
 html { min-width:1000px;}
 html, body { height:100%;background-color:#1E1F1F; }
@@ -27,13 +29,15 @@ hr { color:#D6D6D64D; background-color:transparent; }
         /* Header */
         header{
                 height:72px;
+                min-height:72px;
                 overflow:hidden;
                 background:url(../images/header-bg_white.gif) 0 0 repeat-x;
         }
 
         /*Gallery*/
         #gallery {
-                height:496px;
+                height:380px;
+                min-height:380px;
                 overflow:hidden;
                 background:url(../images/gallerry-bg_white.jpg) 0 0 repeat-x;
         }
@@ -251,7 +255,7 @@ h3 {
         border-top:5px solid #f9f9f9;
         background:#f9f9f9;
         width:100%;
-/*         min-height:80%; */
+        flex:1;
 }
 
 

inc_footer.php

@@ -15,7 +15,7 @@
             Sponsored by
               <a href="http://kxstudio.linuxaudio.org" target="_blank">KXStudio</a>
             &nbsp; &nbsp;|&nbsp; &nbsp;
-            All the plugins and linux ports here are free, please consider a
+            All the plugins and Linux ports here are free, please consider a
               <a href="http://kxstudio.sourceforge.net/Donations" target="_blank">donation</a>
             if possible.
           </span>