diff --git a/frontend/src/components/Footer/footer.css b/frontend/src/components/Footer/footer.css index 8360278..c723ade 100644 --- a/frontend/src/components/Footer/footer.css +++ b/frontend/src/components/Footer/footer.css @@ -175,6 +175,8 @@ footer::before { transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease, color 0.3s ease; position: relative; overflow: hidden; + width:auto; + min-width: 200px; } .btn::before { diff --git a/frontend/src/components/Navbar/Navbar.css b/frontend/src/components/Navbar/Navbar.css index 53a5984..d724ba1 100644 --- a/frontend/src/components/Navbar/Navbar.css +++ b/frontend/src/components/Navbar/Navbar.css @@ -192,4 +192,8 @@ .nav-links { display: flex; } + + .container{ + justify-content: space-evenly; + } } diff --git a/frontend/src/pages/About/About.css b/frontend/src/pages/About/About.css index bd5fff9..3b8aaba 100644 --- a/frontend/src/pages/About/About.css +++ b/frontend/src/pages/About/About.css @@ -167,6 +167,22 @@ .about-subtitle { font-size: 1rem; } + .about-hero { + display:flex; + flex-direction: column; + } + + .about-intro-section { + flex-direction: column; + } + + .about-hero { + padding:0 30px + } + + .carousel-title { + font-size: 35px; + } } @media screen and (max-width: 480px) { diff --git a/frontend/src/pages/Contact/Contact.css b/frontend/src/pages/Contact/Contact.css index 7391950..0958853 100644 --- a/frontend/src/pages/Contact/Contact.css +++ b/frontend/src/pages/Contact/Contact.css @@ -1,14 +1,13 @@ .inner-container{ border:2px; - box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; display: flex; + box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; + display: flex; flex-direction: row-reverse; align-items: center; margin-block: 20px;; } .img-container img{ - width:30vw; - - + width:30vw; } .contact-container{ display: flex; @@ -72,3 +71,22 @@ height: 2px; background-color: black; } + +@media screen and (max-width: 768px){ + .inner-container{ + flex-direction: column; + } + .form{ + width:90vw; + height: fit-content; + padding-block: 20px; + } + .img-container{ + display:none + } + .button-container{ + height:fit-content; + margin-block: 20px; + } + +} diff --git a/package-lock.json b/package-lock.json index cf2fd64..980b564 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3749,7 +3749,6 @@ "url": "http://opencollective.com/swiper" } ], - "license": "MIT", "engines": { "node": ">= 4.7.0" }