Index: products/frameworks/index.php
===================================================================
--- products/frameworks/index.php
+++ products/frameworks/index.php
@@ -8,7 +8,7 @@
 
     require('../../aether/header.php');
     $site_root = "../../";
-    
+
     $numberOfFrameworks = 80;
 ?>
 
@@ -19,80 +19,63 @@
 <h1>KDE Frameworks</h1>
 
 <style>
-    
+
     #main article { /* Old kde.org fix */
         margin: 0px -26px;
         text-shadow: none !important;
         text-align: center;
     }
-    
+
     main article {
         padding: 20px;
         text-align: center;
     }
-    
+
     main article + article,
     #main article + article {
         border-top: solid 2px rgba(0,0,0,.1);
     }
-    
+
     main.container section {
         padding: 0px;
     }
-    
+
     .splashLogo {
     /*
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
-        
+
         background-image: url(kirigami-splash.jpg);
         background-size: cover;
         background-position: left center;
         border-top-left-radius: 2px;
         border-top-right-radius: 2px;
-      */  
+      */
     }
-    
+
     .splashLogo h1 {
     /*
         color: #FAFAFA !important;
         font-size: 32px !important;
         line-height: 120%;
         background-image: none !important;
     */
     }
-    
+
     .splashLogo p {
     /*
         color: #FCFCFC !important;
         line-height: 120% !important;
     */
     }
-    
+
     main.container section > article, #main article {
         min-height: 250px;
     }
-    
-    @media(max-width: 1200px) {
-        main.container section > article, #main article {
-            min-height: 250px;
-        }
-    }
-    
-    @media(max-width: 992px) {
-        main.container section > article, #main article {
-            min-height: 250px;
-        }
-    }
-    
-    @media(max-width: 768px) {
-        main.container section > article, #main article {
-            min-height: 250px;
-        }
-    }
-    
+
+
     .columns {
         padding: 0px !important;
         display: flex;
@@ -102,32 +85,22 @@
         min-height: 100%;
         align-items: stretch;
     }
-    
+
     .columns > div {
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         padding: 20px;
     }
-    
-    @media(max-width: 768px) {
-        .columns {
-            flex-direction: column;
-        }
-        .columns > div {
-            border: none !important;
-            width: 100% !important;
-        }
-    }
-    
+
     main .image,
     #main .image {
         background-origin: content-box;
         padding: 20px;
         background-repeat: no-repeat;
     }
-    
+
     .section-responsive
     {
         background-color: #1e4b6b;
@@ -137,26 +110,26 @@
             linear-gradient(90deg, #34719e 1px, transparent 1px);
         background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
         background-position: center center;
-        
+
         align-items: stretch;
         min-height: 0px !important;
         color: #FFF  !important;
     }
-    
+
     .section-responsive h1
     {
     padding-top: 20px;
         background: none !important;
         color: #FFF !important;
     }
-    
+
     .section-responsive p
     {
         padding: 0px 20px 20px !important;
         color: #FFF !important;
         max-width: 1200px;
     }
-    
+
     .section-responsive .image {
         background-image: url(kirigami-adapt.png);
         background-size: contain;
@@ -167,60 +140,65 @@
         flex: 1 ;
         height: 400px;
     }
-    
-    @media(max-width: 768px) {
-        .section-responsive .image {
-            height: 300px;
-        }
-    }
-    
-    
+
     .section-links {
-        flex-direction: row;
+        display: flex;
+        flex-direction: column;
         text-align: center;
-        min-height: auto !important;
     }
-    
+
+    .section-links-content {
+        display: flex;
+        flex-wrap: wrap;
+    }
+
     .section-links .section-links-content div {
-        width: 50%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        flex-basis: 33.33%;
     }
-    
-    .section-links .section-links-content div + div {
+
+    .section-links .section-links-content div:nth-child(2),
+    .section-links .section-links-content div:nth-child(5) {
         border-left: solid 1px rgba(0,0,0,.1);
+        border-right: solid 1px rgba(0,0,0,.1);
     }
-    
+
     .section-links h1 {
         border-bottom: solid 1px rgba(0,0,0,.1);
         padding-bottom: 20px;
     }
-    
+
     .section-links-content div p {
-        min-height: 8em;
+        max-width: 90%;
+        margin-bottom: 3em;
     }
     .section-links-content a {
         display: inline-block;
         color: #feefe2 !important;
         background-color: #e4720c;
         border-radius: 2px;
         padding: 10px 20px;
+        width: 80%;
     }
-    
+
     .section-links-content a:hover {
         background-color: #f37a0d;
     }
-    
+
     .section-elegant {
-        flex-direction: row-reverse; 
+        flex-direction: row-reverse;
     }
-    
+
     .section-elegant .image {
         width: 60%;
         background-image: url(subsurface.png);
         background-size: contain;
         background-repeat: no-repeat;
         background-position: center center;
     }
-    
+
     .section-open {
         background-image: url(community.jpg);
         background-size: cover;
@@ -243,6 +221,43 @@
         max-width: 90%;
         height: auto;
     }
+
+    @media(max-width: 1200px) {
+        main.container section > article, #main article {
+            min-height: 250px;
+        }
+    }
+    @media(max-width: 992px) {
+        main.container section > article, #main article {
+            min-height: 250px;
+        }
+        .section-links .section-links-content div {
+            flex-basis: 50%;
+        }
+        .section-links .section-links-content div:nth-child(2),
+        .section-links .section-links-content div:nth-child(5) {
+            border:none;
+        }
+        .section-links .section-links-content div:nth-child(odd) {
+            border-right: solid 1px rgba(0,0,0,.1);
+        }
+    }
+    @media(max-width: 768px) {
+        main.container section > article, #main article {
+            min-height: 250px;
+        }
+        .section-responsive .image {
+            height: 300px;
+        }
+        .columns {
+            flex-direction: column;
+        }
+        .columns > div {
+            border: none !important;
+            width: 100% !important;
+        }
+    }
+
 </style>
 
 
@@ -340,7 +355,7 @@
                 <b>KConfig</b> is a Framework to deal with storing and retrieving configuration settings. It features a group-oriented API. It works with INI files and XDG-compliant cascading directories. It generates code based on XML files.
             </p>
             <p>
-                <b>KI18n</b> adds Gettext support to applications, making it easier to integrate the translation workflow of Qt applications in the general translation infrastructure of many projects. 
+                <b>KI18n</b> adds Gettext support to applications, making it easier to integrate the translation workflow of Qt applications in the general translation infrastructure of many projects.
             </p>
             <p>
                 <a href="/products/kirigami"><b>Kirigami</b></a> is a responsive UI framework for QML.