Skip to content

Commit b4c0272

Browse files
committed
deploy: 9501256
1 parent 4c8fed3 commit b4c0272

File tree

1 file changed

+32
-0
lines changed

1 file changed

+32
-0
lines changed

css/minimal.css

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -117,6 +117,19 @@ nav {
117117
margin-bottom: 3rem;
118118
padding-bottom: 1rem;
119119
border-bottom: 1px solid var(--sage-green);
120+
position: relative;
121+
}
122+
123+
.nav-toggle {
124+
display: none;
125+
background: none;
126+
border: none;
127+
font-size: 1.5rem;
128+
color: var(--steel-blue);
129+
cursor: pointer;
130+
position: absolute;
131+
right: 0;
132+
top: -0.5rem;
120133
}
121134

122135
nav ul {
@@ -139,6 +152,25 @@ nav a:hover {
139152
color: var(--rust-terracotta);
140153
}
141154

155+
/* Mobile Navigation */
156+
@media (max-width: 600px) {
157+
.nav-toggle {
158+
display: block;
159+
}
160+
161+
nav ul {
162+
display: none;
163+
flex-direction: column;
164+
gap: 1rem;
165+
margin-top: 2rem;
166+
text-align: center;
167+
}
168+
169+
nav ul.active {
170+
display: flex;
171+
}
172+
}
173+
142174
/* Project Cards */
143175
.project-card {
144176
border: 2px solid var(--steel-blue);

0 commit comments

Comments
 (0)