-
-
{e.title}
-
{e.category}
-
-
-
{toDateLabel(e.start)}
- {repeats ?
{repeats}
: null}
-
- {e.locationName ? (
-
{e.locationName}
- ) : null}
- {e.address ?
{e.address}
: null}
-
- {e.tags && e.tags.length ? (
-
- {e.tags.slice(0, 6).map((t) => (
-
- {t}
-
- ))}
+
+
+
+ {filtered.map((e) => {
+ const href = toHref(e.website || e.url || KATY_EVENTS_URL);
+ const Wrapper = href ? "a" : "div";
+ const repeats = recurrenceLabel(e.recurrence);
+
+ return (
+
+
+
+
{e.title}
+
{e.category}
+
+
+
{toDateLabel(e.start)}
+ {repeats ?
{repeats}
: null}
+
+ {e.locationName ? (
+
{e.locationName}
+ ) : null}
+ {e.address ?
{e.address}
: null}
+
+ {e.tags && e.tags.length ? (
+
+ {e.tags.slice(0, 6).map((t) => (
+
+ {t}
+
+ ))}
+
+ ) : null}
+
+
+
+ {e.cost ? Cost: {e.cost} : null}
+
+ {href ? (
+
+ View details →
+
+ ) : null}
+
- ) : null}
-
-
-
- {e.cost ? Cost: {e.cost} : null}
-
- {href ? (
-
- View details →
-
- ) : null}
-
-
-
- );
- })}
+
+ );
+ })}
+
+
);
diff --git a/src/components/resources/ResourcesList.js b/src/components/resources/ResourcesList.js
index c1e927f..e0a9914 100644
--- a/src/components/resources/ResourcesList.js
+++ b/src/components/resources/ResourcesList.js
@@ -104,7 +104,7 @@ export default function ResourcesList() {
>
-
{r.name}
+
{r.name}
{r.category}
diff --git a/src/components/styles/pages.css b/src/components/styles/pages.css
index 07bd4f6..c8cfd33 100644
--- a/src/components/styles/pages.css
+++ b/src/components/styles/pages.css
@@ -44,6 +44,7 @@
display: grid;
gap: 14px;
width: 100%;
+ grid-template-columns: 1fr;
}
.resources-container {
@@ -83,7 +84,19 @@
@media (min-width: 720px) {
.card-grid {
- grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+}
+
+@media (min-width: 1024px) {
+ .card-grid {
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ }
+}
+
+@media (min-width: 1200px) {
+ .card-grid {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.filter-bar{
@@ -215,6 +228,10 @@
align-items: center;
}
+.info-card .card-title {
+ font-weight: 700;
+}
+
.info-card .muted {
opacity: 0.8;
font-family: 'DIN Condensed Web';
From 351df5fbce12fab1424733ebd1725ee769aaa2b1 Mon Sep 17 00:00:00 2001
From: Arya_Salem09 <88246378+EpicGamerGlobal@users.noreply.github.com>
Date: Mon, 26 Jan 2026 22:23:36 -0600
Subject: [PATCH 2/5] Fix events cards styling again
---
src/components/events/EventsList.js | 5 ++---
src/components/resources/ResourcesList.js | 23 +++++++++++------------
src/components/styles/pages.css | 4 ++++
3 files changed, 17 insertions(+), 15 deletions(-)
diff --git a/src/components/events/EventsList.js b/src/components/events/EventsList.js
index 8ea2f84..02571a8 100644
--- a/src/components/events/EventsList.js
+++ b/src/components/events/EventsList.js
@@ -92,13 +92,12 @@ export default function EventsList() {
return (
- Browse Over
+ Browse Over{" "}
2
0
-
-
+ {" "}
Events
Upcoming Events ({filtered.length})
diff --git a/src/components/resources/ResourcesList.js b/src/components/resources/ResourcesList.js
index e0a9914..34f1c45 100644
--- a/src/components/resources/ResourcesList.js
+++ b/src/components/resources/ResourcesList.js
@@ -119,18 +119,6 @@ export default function ResourcesList() {
))}
-
-
-
- {r.phone ? {r.phone} : null}
-
- {r.website ? (
-
- Visit site →
-
- ) : null}
-
-
{r.hours || r.eligibility ? (
{r.hours ? (
@@ -145,6 +133,17 @@ export default function ResourcesList() {
) : null}
) : null}
+
+
+
+ {r.phone ? {r.phone} : null}
+
+ {r.website ? (
+
+ Visit site →
+
+ ) : null}
+