changed layout of blocks

resources/lang/de/index.php

@@ -28,7 +28,7 @@ return [
     'focus-creator.focusname' => 'Suchname: ',
 
     'about.1.1' => "Garantierte Privatsphäre",
-    'about.1.2' => 'Mit uns behalten Sie die volle Kontrolle über Ihre Daten. Wir speichern nicht: Der Quellcode ist frei.',
+    'about.1.2' => 'Mit uns behalten Sie die volle Kontrolle über Ihre Daten. Wir speichern nicht und der Quellcode ist frei.',
     'about.2.1' => 'Vielfältig & Frei',
     'about.2.2' => 'MetaGer schützt gegen Zensur, indem es Ergebnisse vieler Suchmaschinen kombiniert.',
     'about.3.1' => '100% Ökostrom',

resources/less/metager/pages/start-page.less

@@ -54,7 +54,7 @@
         top: 100vh;
         left: 0;
         position: absolute;
-        @media(min-width: 520px){
+        @media(min-width: 552px){
             top: inherit;
             left: inherit;
             bottom: 100px;
@@ -63,24 +63,27 @@
         > div {
             display: flex;
             flex-wrap: wrap;
-            justify-content: center;
-            margin: 24px 0;
+            justify-content: space-around;
+            @media(min-width: 552px){
+                margin: 24px 0;
+            }
+            @media(min-width: 761px){
+                justify-content: space-between;
+                max-width: 600px;
+                margin: 0 auto;
+            }
             > a {
-                &:nth-child(1){
-                    @media(min-width: 520px){
-                        margin-right: 24px;
-                    }
-                }
-                @media(max-width: 520px){
-                    &:nth-child(2){
-                        margin-top: 24px;
-                    }
-                }
                 display: flex;
                 flex-direction: column;
                 cursor: pointer;
                 color: inherit;
-                width: 240px;
+                width: 268px;
+                padding: 0px 8px;
+                min-width: 268;
+                margin: 8px 0;
+                @media(min-width: 552px){
+                    margin: 0;
+                }
                 > div.teaser {
                     font-size: .7em;
                     text-align: justify;