improve contrast, stacking on mobile

groups/new-homepage-3/homepage3-js-css.html

@@ -1,4 +1,9 @@
 <style>
+
+body {
+        color: #111;
+}
+
 /* style navbar */
 
 .navbar-default {
@@ -28,6 +33,7 @@
         border-radius: 0px !important;
 }
 
+/* style link list */
 .link-list {
         font-size: 2em;
 }
@@ -90,22 +96,26 @@ img {
 }
 
 .padding-0 {
-        padding-left: 5px;
-        padding-right: 5px;
+        padding-left: 4px;
+        padding-right: 4px;
         flex:1 1 auto;
         display: flex;
 }
 
 .equal {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
+        display: -webkit-box;
+        display: -moz-box;
+        display: -ms-flexbox;
+        display: -webkit-flex;
+        display: flex;
 }
 
 .panel {
-  flex:1 0 100%;
+        flex:1 0 100%;
+}
+
+.panel-outline-color {
+        border: solid #555 1px;
 }
 
 .vertical-align {
@@ -114,6 +124,11 @@ img {
         height: 100%;
 }
 
+.more-link {
+        text-align: center;
+        width: 100%;
+}
+
 /* style the yamm menu */
 .dropdown-margin {
         margin-right: 50px;