diff --git a/frontend/src/views/AppsView.vue b/frontend/src/views/AppsView.vue index 3f519b0..0c5dc0e 100644 --- a/frontend/src/views/AppsView.vue +++ b/frontend/src/views/AppsView.vue @@ -44,7 +44,7 @@ const sections = [ { title: "Cloud", - description: "Your personal cloud hub: files, photos, mail, calendars, and collaborative documents.", + description: "Your personal cloud hub: files, photos, mail, calendars, etc.", groups: [ { title: "Nextcloud", @@ -175,16 +175,13 @@ const sections = [ .section-grid { display: grid; gap: 14px; + align-items: stretch; } -@media (min-width: 980px) { +@media (min-width: 860px) { .section-grid { grid-template-columns: 1fr 1fr; } - - .tiles { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } } .hero { @@ -231,7 +228,7 @@ const sections = [ .tiles { display: grid; - grid-template-columns: 1fr; + grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }