build the frondpage using bootstrap grid

wrap to one col on phone

1 files changed, 4 insertions, 15 deletions

diff --git a/assets/css/src/lustige-styles.scss b/assets/css/src/lustige-styles.scss
index 634d5fe..34b3935 100644
--- a/assets/css/src/lustige-styles.scss
+++ b/assets/css/src/lustige-styles.scss
@@ -327,19 +327,12 @@ a.inverted {
 
     ul {
       list-style-type: none;
-      margin: 0;
-      padding: 0;
+      padding: 0 0 5px 0;
+      margin: 0 -5px;
     }
 
     li {
-      background-color: $gray-dark;
-      list-style-type: none;
-      width: 49.5%;
-      &.wide { width: 100%; }
-      margin: 0;
-      padding: 0;
-      margin-top: 1%;
-      float: left;
+      padding: 5px !important;
 
       .title {
         font-size: 1.75em;
@@ -348,6 +341,7 @@ a.inverted {
       }
 
       a {
+        background-color: $gray-dark;
         color: white;
         display: block;
         width: 100%;
@@ -360,11 +354,6 @@ a.inverted {
           text-decoration: none;
         }
       }
-
-
-      &:nth-child(2n+1) {
-        margin-right: 1%;
-      }
     }
   }