Skip to content

Commit 29a1c0c

Browse files
fix: Add padding to CTA FullWidth component
Added padding to improve spacing for the CTA component. The CTA container previously lacked sufficient padding, causing the content to appear too close to the edges. This update adds padding to the `CTA_FullWidthWrapper` to improve layout spacing and visual balance. Changes Made Added padding to the `CTA_FullWidthWrapper` styled component Ensures better spacing between the CTA content and the container edges Bug fix (UI spacing improvement) This change improves the visual layout of the CTA section without altering functionality. Fixes CTA padding issue mentioned in Slack discussion. Signed-off-by: Sarthak Palgotra <101310673+sarthak30304499@users.noreply.github.com>
1 parent a95b9f6 commit 29a1c0c

1 file changed

Lines changed: 2 additions & 1 deletion

File tree

  • src/components/Call-To-Actions/CTA_FullWidth

src/components/Call-To-Actions/CTA_FullWidth/index.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ const CTA_FullWidthWrapper = styled.div`
1010
width: 98%;
1111
height: 16rem;
1212
margin: 1.5rem auto;
13+
padding: 1rem; /* FIX: Added padding to improve CTA spacing */
1314
box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1);
1415
border-radius: 0.5rem;
1516
background: rgba(201, 252, 246, 0.3);
@@ -136,4 +137,4 @@ const CTA_FullWidth = ({ alt, button_text, category, content, external_link, ima
136137
);
137138
};
138139

139-
export default CTA_FullWidth;
140+
export default CTA_FullWidth;

0 commit comments

Comments
 (0)