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 @@ + + + + + + + + +