Fix column sizing on mobile

AlexandruIstrate · Jan 23, 2024 · 3bfd2e8 · 3bfd2e8
1 parent 8677e73
commit 3bfd2e8
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/salary-calc/src/App.js b/salary-calc/src/App.js
@@ -245,7 +245,7 @@ function App() {
                 <Container>
                     <Row>
                         {/* Calculator Column */}
-                        <Col>
+                        <Col xs={12} md={8} lg={9}>
                             <Form>
                                 {/* Source Country */}
                                 <Form.Group
@@ -305,7 +305,7 @@ function App() {
                         </Col>
 
                         {/* History Column */}
-                        <Col xs={4}>
+                        <Col xs={12} md={4} lg={3}>
                             <Card>
                                 <Card.Header>Recent Conversions</Card.Header>
                                 <ListGroup variant="flush">