fix bug at choose your program

4GeeksAcademy · Jul 20, 2023 · 6956ce3 · 6956ce3
1 parent a615295
commit 6956ce3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/ChooseYourProgram/index.js b/src/components/ChooseYourProgram/index.js
@@ -99,6 +99,8 @@ const ChooseYourProgram = ({
                 alignItems_tablet="flex-end"
                 background="#ffffff"
                 style={{ position: "relative" }}
+                flexWrap_sm="nowrap"
+                flexWrap="wrap"
               >
                 <Div
                   placeSelf_tablet={landingTemplate && "flex-start"}
@@ -126,7 +128,6 @@ const ChooseYourProgram = ({
                   margin="10px 0 0 0"
                   padding={landingTemplate ? "0 0 100px 15px" : "0 0 30px 15px"}
                 >
-                  {/* {program.sub_title.toLowerCase() != "online" &&  */}
                   <H4
                     textTransform="uppercase"
                     textAlign="left"
@@ -138,8 +139,6 @@ const ChooseYourProgram = ({
                   >
                     {program.sub_title}
                   </H4>
-
-                  {/* // } */}
                   {program.title.split("\n").map((m, i) => (
                     <Link key={i} to={program.link}>
                       <H3 textAlign="left" fontSize="22px" lineHeight="26px">
@@ -220,7 +219,6 @@ const ChooseYourProgram = ({
                       color="black"
                       font='"Lato", sans-serif'
                       width="fit-content"
-                      margin="20px 10px 0 0"
                       pointer
                       textColor={Colors.black}
                       fontSize={"13px"}

diff --git a/src/components/Sections/index.js b/src/components/Sections/index.js
@@ -234,6 +234,7 @@ export const Div = styled.div`
     display: ${(props) => props.display_sm};
     column-count: ${(props) => props.columnCount_sm};
     flex-direction: ${(props) => props.flexDirection_sm};
+    flex-wrap: ${(props) => props.flexWrap_sm};
     display: ${(props) => props.display_sm};
     order: ${(props) => props.order_sm};
     margin: ${(props) => props.margin_sm};
@@ -279,6 +280,7 @@ export const Div = styled.div`
     flex: ${(props) => props.flex_tablet};
     flex-shrink: ${(props) =>
       props.flexShrink_tablet ? props.flexShrink_tablet : 1};
+    flex-wrap: ${(props) => props.flexWrap_tablet};
     border: ${(props) => props.border_tablet};
     border-top: ${(props) => props.borderTop_tablet};
     top: ${(props) => props.top_tablet};