hnasheralneam/profile-site
1
0
Fork 0
mirror of https://github.com/hnasheralneam/hnasheralneam.github.io.git synced 2025-06-07 05:44:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Put navbar on bottom for mobile, carousel takes full width on mobile, double click for next carousel slide, slow project carousel

Browse source
This commit is contained in:
Hamza Nasher-Alneam 2025-05-18 23:49:25 -04:00
parent ebb8568ca1
commit 3b02e5258c
3 changed files with 54 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

26
styles/styles.css
View file

@ -127,6 +127,32 @@ a {
margin: 1rem auto;
}
@media only screen and (max-width: 700px) {
.menu {
left: 0;
bottom: 0;
right: 0;
top: auto;
width: auto;
height: 5rem;
}
.menu div {
margin: auto;
}
.menu:hover {
left: 0;
}
.menu .item {
display: inline-flex;
margin: auto .5rem;
transform: scale(1.3);
}
.menu .item:hover {
margin: auto 1rem;
transform: scale(1.5);
}
}
@media (prefers-color-scheme: dark) {
.menu .item {
background-color: #333;