adjust styling

CDCgov · Nov 6, 2024 · d9f17df · d9f17df
1 parent 997fe60
commit d9f17df
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/app/components/ContentContainer/ContentContainer.tsx b/src/app/components/ContentContainer/ContentContainer.tsx
@@ -4,18 +4,18 @@ interface ContentContainerProps {
   children: React.ReactNode;
   align?: boolean;
   classes?: string;
-  extraClasses?: string;
 }
 export function ContentContainer({
   children,
   align = false,
-  classes = 'ml-auto mr-auto flex max-w-[87.5rem] flex-col px-10 py-4 sm:px-14 sm:py-20',
-  extraClasses = '',
+  classes = '',
 }: ContentContainerProps) {
+  const defaultClasses =
+    'ml-auto mr-auto flex max-w-[87.5rem] flex-col px-10 py-4 sm:px-14 sm:py-20';
   return (
     <section>
       <div
-        className={classNames(classes, extraClasses, {
+        className={classNames(defaultClasses, classes, {
           'md:px-32': !align,
         })}
       >

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -107,7 +107,7 @@ function SectionTwo() {
 function SectionThree() {
   return (
     <>
-      <ContentContainer align extraClasses="px-14 pt-20 pb-10 sm:pb-10">
+      <ContentContainer align classes="px-14 pt-20 pb-10 sm:pb-10">
         <Grid row gap>
           <Grid col={12}>
             <div className="flex flex-col items-center">
@@ -122,7 +122,7 @@ function SectionThree() {
           </Grid>
         </Grid>
       </ContentContainer>
-      <div className="pb-20 pt-10">
+      <div className="pb-20 pt-0">
         <Carousel />
       </div>
     </>