diff --git a/hotel.css b/hotel.css index a4e1c9dd..29f00b72 100644 --- a/hotel.css +++ b/hotel.css @@ -1,12 +1,10 @@ body { - - font-family: 'Poppins', sans-serif; - margin: 0; - padding: 0; - display: flex; - flex-direction: column; - min-height: 100vh; - + font-family: 'Poppins', sans-serif; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + min-height: 100vh; } /* Header styles */ @@ -16,14 +14,6 @@ body { padding: 20px; } -.main-head { - - background: #000000; - color: white; - padding: 20px; - -} - nav { display: flex; justify-content: space-between; diff --git a/index.html b/index.html index e5739672..8974e0c4 100644 --- a/index.html +++ b/index.html @@ -1534,17 +1534,9 @@

Share Your Experiences

transition: color 0.3s ease; } - -form { - display: flex; - flex-direction: column; - gap: 15px; - animation: fadeIn 0.8s ease-out; - width: 220px - -} - + + form { display: flex; flex-direction: column; diff --git a/style.css b/style.css index b29ccace..5772f7cc 100644 --- a/style.css +++ b/style.css @@ -1165,57 +1165,36 @@ footer { color: #ffffff; text-align: center; } - -.footer-container { - - display: flex; - justify-content: space-around; - gap: 20px; - max-width: 1200px; - margin: auto; - margin-left: 20px; +.footer-container { + display: flex; + justify-content: space-around; + flex-wrap: wrap; + gap: 20px; + max-width: 1200px; + margin: auto; } - -.footer-column { - - flex: 1; - min-width: 200px; - margin: 10px; +.footer-column { + flex: 1; + min-width: 200px; + margin: 10px; } - + .footer-column p{ color:white; } - -.footer-column a { - - font-size: 16px; - line-height: 2; - -} .footer-column a { - - font-size: 16px; - line-height: 2; - + font-size: 16px; + line-height: 2; } - #footer-contact-us{ display: flex; flex-direction: column; } - -.footer-column h3 { - margin-bottom: 5px; - font-size: 18px; - color: #f39c12; -} - .footer-column h3 { margin-bottom: 5px; font-size: 18px;