commit 8b18190d7ba59fd6a88eeb88219644c31bf21a61
author Wang, Gang(Gary) <gang1.wang@intel.com> Thu Jul 27 15:25:34 2017 -0700
committer Wang, Gang(Gary) <gang1.wang@intel.com> Thu Jul 27 15:25:34 2017 -0700
tree 932a8ac17f185b2ac2933eccaa6de97e7d1d47ba
parent 34515c3c8dda27f7a91e49ed46c57045c9f18ad3

MNEMONIC-315: The links in the middle of home page are not aligned bottom

src/css/screen.scss

diff --git a/src/css/screen.scss b/src/css/screen.scss
index e611049..bd334e1 100644
--- a/src/css/screen.scss
+++ b/src/css/screen.scss
@@ -293,18 +293,30 @@
   @include animation(secfadein 2s);
 
   color: white;
-  .unit {
-    padding: 10px 0 40px;
-    border: 2px solid white;
-    &:hover {
-        background-color: lighten(steelblue, 5%);
-    }
-    padding-bottom: 100%;
-    margin-bottom: -100%;
-  }
 
   .grid {
-    overflow: hidden;
+    display: table;
+    width: 100%;
+    .row {
+      display: table-row;
+      .tblunit1 {
+        display: table-cell;
+        padding: 10px 0 0px;
+        border-style: solid;
+        border-color: white;
+        border-width: 0px 2px;
+        &:hover {
+            background-color: lighten(steelblue, 5%);
+        }
+      }
+      .tblunit2 {
+        display: table-cell;
+        padding: 10px 0 0px;
+        border-style: solid;
+        border-color: white;
+        border-width: 0px 2px;
+      }
+    }
   }
 
   h2 {

src/index.html

diff --git a/src/index.html b/src/index.html
index ce4e086..bdedc8e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -22,21 +22,30 @@
 </section>
 <section class="ingredients">
     <div class="grid">
-        <div class="unit one-third">
+      <div class="row">
+        <div class="tblunit1 one-third">
             <h2>Durable Object Model</h2>
             <p>Persist your linked objects without SerDe.</p>
-            <a href="/docs/domusecases">Use Cases <i class="fa fa-arrow-circle-o-right"></i></a>
         </div>
-        <div class="unit one-third">
+        <div class="tblunit1 one-third">
             <h2>Durable Computing Model</h2>
             <p>Process your linked objects in native code.</p>
-            <a href="/docs/arch">Architecture <i class="fa fa-arrow-circle-o-right"></i></a>
         </div>
-        <div class="unit one-third">
+        <div class="tblunit1 one-third">
             <h2>Durable Memory Service</h2>
             <p>Abstract storage as memory transparently</p>
-            <a href="/docs/devices">Devices <i class="fa fa-arrow-circle-o-right"></i></a>
         </div>
-        <div class="clear"></div>
+      </div>
+      <div class="row">
+          <div class="tblunit2 one-third">
+              <a href="/docs/domusecases">Use Cases <i class="fa fa-arrow-circle-o-right"></i></a>
+          </div>
+          <div class="tblunit2 one-third">
+              <a href="/docs/arch">Architecture <i class="fa fa-arrow-circle-o-right"></i></a>
+          </div>
+          <div class="tblunit2 one-third">
+              <a href="/docs/devices">Devices <i class="fa fa-arrow-circle-o-right"></i></a>
+          </div>
+      </div>
     </div>
 </section>