From 3bfd2e8dc082e101741277c8284c60205febdb7a Mon Sep 17 00:00:00 2001
From: AlexandruIstrate <38143225+AlexandruIstrate@users.noreply.github.com>
Date: Tue, 23 Jan 2024 19:07:22 +0200
Subject: [PATCH] Fix column sizing on mobile

---
 salary-calc/src/App.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/salary-calc/src/App.js b/salary-calc/src/App.js
index 62e4899..6364393 100644
--- 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">