Content Banner default and sm breakpoint

2025-09-08 18:34:28 -06:00
parent d22f10af0d
commit d500cf2c91
5 changed files with 45 additions and 29 deletions
@@ -32,7 +32,12 @@ const ContentContainer = ({ post, width = "200px", size = "responsive" }) => {
      : "relative z-20 h-full flex flex-col gap-[var(--measures-spacing-012)] sm:gap-[var(--measures-spacing-016)] md:gap-[18px] lg:gap-[var(--measures-spacing-024)]";

  return (
-    <div className={containerClasses} style={{ width }}>
+    <div
+      className={`${containerClasses} ${
+        size === "responsive" ? "max-w-[298px] sm:max-w-[479px]" : ""
+      }`}
+      style={size === "responsive" ? {} : { width }}
+    >
      {/* Content Container - gap between icon and text */}
      <div
        className={