add feedback in column layout

marigold-ui · Aug 5, 2024 · 84ac9a7 · 84ac9a7
1 parent b14a836
commit 84ac9a7
Showing 1 changed file with 19 additions and 20 deletions.
diff --git a/src/routes/_components/About.tsx b/src/routes/_components/About.tsx
@@ -27,25 +27,24 @@ export const About = () => (
  </p>
  </div>
  </Columns>
- <div className="mx-auto grid max-w-screen-sm place-items-center pt-32">
- <SectionMessage variant="info">
- <SectionMessage.Title>Feedback</SectionMessage.Title>
- <SectionMessage.Content>
- <p className="mb-4">
- If you have any suggestions for patterns that we should add, or if
- you some your own code could become a valuable addition here, we'd
- love to hear from you!
- </p>
- <p>
- Your feedback, ideas, and suggestions for improvement are always
- welcome. Feel free to reach out to us through any of{' '}
- <Link href="https://www.marigold-ui.io/introduction/get-in-touch">
- <u>our communication channels</u>
- </Link>
- .
- </p>
- </SectionMessage.Content>
- </SectionMessage>
- </div>
+ <Columns columns={[1, 1]} space={24} collapseAt="900px">
+ <div>
+ <h2>Feedback</h2>
+ <p>
+ If you have any suggestions for patterns that we should add, or if
+ you some your own code could become a valuable addition here, we'd
+ love to hear from you!
+ </p>
+ <p>
+ Your feedback, ideas, and suggestions for improvement are always
+ welcome. Feel free to reach out to us through any of{' '}
+ <Link href="https://www.marigold-ui.io/introduction/get-in-touch">
+ <u>our communication channels</u>
+ </Link>
+ .
+ </p>
+ </div>
+ <div></div>
+ </Columns>
  </Block>
 );