From 6123ced665c57ba3d6d8bc8689ac0ff003013330 Mon Sep 17 00:00:00 2001 From: adilallo <39313955+adilallo@users.noreply.github.com> Date: Mon, 8 Sep 2025 19:23:30 -0600 Subject: [PATCH] Content Banner md lg xl breakpoints --- app/components/ContentBanner.js | 33 +++++++++++++++++++++++++++--- app/components/ContentContainer.js | 4 +++- public/assets/Content_Banner_2.svg | 9 ++++++++ 3 files changed, 42 insertions(+), 4 deletions(-) create mode 100644 public/assets/Content_Banner_2.svg diff --git a/app/components/ContentBanner.js b/app/components/ContentBanner.js index 21219c0..698e05a 100644 --- a/app/components/ContentBanner.js +++ b/app/components/ContentBanner.js @@ -5,8 +5,8 @@ import ContentContainer from "./ContentContainer"; export default function ContentBanner({ post }) { return ( -
- {/* Background SVG */} +
+ {/* Background SVG - Default to sm breakpoint */}
+ {/* Background SVG - md breakpoint and above */} +
+ {/* Content Container */} -
+
{/* ContentContainer with post data */}
diff --git a/app/components/ContentContainer.js b/app/components/ContentContainer.js index 43a06f1..95f9fa7 100644 --- a/app/components/ContentContainer.js +++ b/app/components/ContentContainer.js @@ -34,7 +34,9 @@ const ContentContainer = ({ post, width = "200px", size = "responsive" }) => { return (
diff --git a/public/assets/Content_Banner_2.svg b/public/assets/Content_Banner_2.svg new file mode 100644 index 0000000..29c3c2a --- /dev/null +++ b/public/assets/Content_Banner_2.svg @@ -0,0 +1,9 @@ + + + + + + + + +