diff --git a/src/pages/Home/Home.css b/src/pages/Home/Home.css index 0b769c8..f4fbd48 100644 --- a/src/pages/Home/Home.css +++ b/src/pages/Home/Home.css @@ -93,7 +93,7 @@ font-size: 30px; } -.about-us > div { +.about-us>div { width: 300px; margin-bottom: 40px; } @@ -115,7 +115,7 @@ gap: 20px; } -.form > div { +.form>div { margin-top: 10px; margin-bottom: 10px; } @@ -131,42 +131,39 @@ /* For mobile devices */ @media screen and (max-width: 768px) { .home-section1 h1 { - font-size: 28px; /* Decrease font size for headings */ + font-size: 28px; margin: 50px 30px 20px; } .home-section1 { - height: auto; /* Remove fixed height */ + height: auto; } .home-section2 { - padding: 40px 20px; /* Decrease padding for smaller screens */ + padding: 40px 20px; margin-top: 70px; } .home-section3 { + height: auto; display: grid; padding: 30px 30px; color: #563400; } - .home-section4 { - margin-top: 19em; - } - .home-p1 { - font-size: 20px; /* Decrease font size for paragraph text */ - line-height: 36px; /* Increase line height for better readability */ - width: 82%; /* Adjust width to fit smaller screens */ - margin-bottom: 50px; /* Decrease margin for smaller screens */ + font-size: 20px; + line-height: 36px; + width: 82%; + margin-bottom: 50px; color: #563400; } .home-p2 { - font-size: 18px; /* Decrease font size for paragraph text */ - line-height: 30px; /* Increase line height for better readability */ - width: 100%; /* Adjust width to fit smaller screens */ - margin-bottom: 30px; /* Decrease margin for smaller screens */ + font-size: 18px; + line-height: 30px; + width: 100%; + margin-bottom: 30px; color: #563400; } @@ -174,25 +171,20 @@ display: grid; } - .about-us > div { - width: 100%; /* Adjust width to fit smaller screens */ - margin-bottom: 30px; /* Decrease margin for smaller screens */ + .about-us>div { + width: 100%; + margin-bottom: 30px; } .contact-form-container { - width: 100%; /* Adjust width to fit smaller screens */ - height: auto; /* Remove fixed height */ - padding: 20px; /* Decrease padding for smaller screens */ - margin-top: 20px; /* Decrease margin for smaller screens */ - } - - .contact-form-container .form > div { - margin-top: 10px; /* Decrease margin for smaller screens */ - margin-bottom: 10px; /* Decrease margin for smaller screens */ + width: 100%; + height: auto; + padding: 20px; + margin-top: 20px; } .mb-30 { - margin-bottom: 30px; /* Decrease margin for smaller screens */ + margin-bottom: 30px; font-size: 28px; font-weight: bold; color: #ff9900; @@ -204,7 +196,7 @@ } .Get-Start-Button { - padding: 1.2rem!important; - font-size: 1.2rem!important; + padding: 1.2rem !important; + font-size: 1.2rem !important; } -} +} \ No newline at end of file