dont show 4th card on single column

2023-05-04 06:52:03 +10:00
parent 7b7154085e
commit e6dd75c2a8
1 changed files with 14 additions and 0 deletions
--- a/resources/js/views/Home.vue
+++ b/resources/js/views/Home.vue
@@ -275,6 +275,13 @@ handleLoad();
            gap: 30px;
            width: 100%;
            max-width: 1200px;
+
+            .event-card,
+            .article-card {
+                &:nth-child(4) {
+                    display: none;
+                }
+            }
        }
    }

@@ -451,6 +458,13 @@ handleLoad();
            .events,
            .articles {
                grid-template-columns: 1fr 1fr;
+
+                .event-card,
+                .article-card {
+                    &:nth-child(4) {
+                        display: block;
+                    }
+                }
            }
        }
    }