Skip to content

Commit

Permalink
Remove Overflow Hidden and Enhance Navbar Styling
Browse files Browse the repository at this point in the history
The current web page design has overflow: hidden, preventing access to the entire page content. This commit modifies the CSS to allow users to scroll and access the entire page content and improved the navbar
  • Loading branch information
SaiTejaswaniBikkasani committed Jul 7, 2024
1 parent 44acf84 commit 01ef0fd
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 3 deletions.
2 changes: 1 addition & 1 deletion newplantrip.html
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ <h1>Tour Planner</h1>
<input type="date" id="endDate" name="endDate" required>

<label for="budget">Budget:</label>
<input type="number" id="budget" name="budget" required>
<input min="0" type="number" id="budget" name="budget" required>

<label for="accommodation">Accommodation:</label>
<select id="accommodation" name="accommodation">
Expand Down
20 changes: 18 additions & 2 deletions newplantripstyle.css
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@

html, body {
height: 100%;
overflow: hidden;
/* overflow: hidden; */
}

.navbar {
Expand Down Expand Up @@ -41,24 +41,40 @@ html, body {
.nav-links {
display: flex;
align-items: center;
gap: 1.3rem;
}

li {
list-style: none;
display: inline-block;
margin-bottom: 20px;
}

li a {
font-size: 1.75rem;
margin-right: 50px;
font-weight: bold;
color: black;
transition: color 0.3s ease;
cursor: pointer;
}

li a:hover {
color: #fff; /* Change link color on hover */
}

.nav-button a {
padding: 10px;
padding: 3px 10px;
border-radius: 10px;
background-color: black;
color: white;
transition: background-color 0.3s ease;
cursor: pointer;
margin-bottom: 20px;
}

.nav-button a:hover {
background-color: #444; /* Change button color on hover */
}

.burger-menu {
Expand Down

0 comments on commit 01ef0fd

Please sign in to comment.