Tweaking teaser / teaser list on mobile viewport

2020-09-29 22:11:02 +02:00
parent 66a420741e
commit c190940fff
4 changed files with 40 additions and 11 deletions
--- a/components/03_Organisms/placeList/_placeList.scss
+++ b/components/03_Organisms/placeList/_placeList.scss
@@ -1,6 +1,8 @@
 .LP-PlaceList{
    .LP-PlaceList__List{
        list-style-type: none;
+        padding: 0;
+        margin: 0;
    
        .LP-Link{
            .LP-Place{
@@ -23,6 +25,10 @@
            max-width: 900px;
            //min-width: 450px;
            margin: 18px 0;
+            @media (max-width: $-viewport-medium) {
+                width: 100%;
+                margin-bottom: $-spacing-large;
+            }
        }
    }