From 470d987551b4d355ecf57b2126f23bc50648509f Mon Sep 17 00:00:00 2001
From: Thilo Billerbeck <thilo.billerbeck@officerent.de>
Date: Thu, 31 Dec 2020 15:14:25 +0100
Subject: [PATCH] added basic responsiveness

---
 web/pages/help.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/pages/help.tsx b/web/pages/help.tsx
index d7589bdc9..0f3eefaf3 100644
--- a/web/pages/help.tsx
+++ b/web/pages/help.tsx
@@ -117,12 +117,12 @@ export default function Help(props: Props) {
         <div>
             <Title style={{textAlign: 'center'}}>How can we help you?</Title>
             <Row gutter={[16, 16]} justify="space-around" align="middle">
-                <Col span={12} style={{textAlign: 'center'}}>
+                <Col xs={24} lg={12} style={{textAlign: 'center'}}>
                     <Result status="500" />
                     <Title level={2}>Troubleshooting</Title>
                     <Button target="_blank" rel="noopener noreferrer" href="https://owncast.online/docs/troubleshooting/" icon={<LinkOutlined/>} type="primary">Read Troubleshoting</Button>
                 </Col>
-                <Col span={12} style={{textAlign: 'center'}}>
+                <Col xs={24} lg={12} style={{textAlign: 'center'}}>
                     <Result status="404" />
                     <Title level={2}>Documentation</Title>
                     <Button target="_blank" rel="noopener noreferrer" href="https://owncast.online/" icon={<LinkOutlined/>} type="primary">Read the Docs</Button>
@@ -133,7 +133,7 @@ export default function Help(props: Props) {
             <Row gutter={[16, 16]}>
                 {
                     questions.map(question => (
-                        <Col span={12}>
+                        <Col xs={24} lg={12}>
                             <Card key={question.title}>
                                 <Meta
                                     avatar={question.icon}
@@ -150,7 +150,7 @@ export default function Help(props: Props) {
             <Row gutter={[16, 16]}>
                 {
                     otherResources.map(question => (
-                        <Col span={12}>
+                        <Col xs={24} lg={12}>
                             <Card key={question.title}>
                                 <Meta
                                     avatar={question.icon}