sageTheDm/foss_alternatives
1
0
Fork 0
forked from interstellar_development/foss_alternatives
Code Pull requests Activity

final header test for today --> don't know why it's broken

Browse source
This commit is contained in:
Sage The DM 2024-06-18 20:58:37 +02:00
parent 8882d036c9
commit d9c915d830
1 changed files with 54 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

109
FOOS_ALT_WEBSITE/list.css
View file

@ -158,7 +158,7 @@ ul.fiveStar {
} }
ul.fourStar { ul.fourStar {
background: #97dc01; background: #59ff00;
} }
ul.threeStar { ul.threeStar {
@ -180,6 +180,59 @@ ul.death {
text-shadow: red; text-shadow: red;
} }
/* Mobile Styles */
@media (max-width: 1000px) {
.burger-menu {
display: block;
}
.menu {
display: none;
flex-direction: column;
background-color: rgba(0, 0, 0, 0.7);
position: absolute;
top: 100%; /* Adjusted position */
left: 0;
width: 100%;
z-index: 999;
}
.menu.active {
display: flex;
}
header {
padding: 5px;
height: auto;
}
.header-content {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.project-name {
font-size: 1.2em;
}
header li {
margin: 0;
width: 100%;
}
header a {
padding: 10px;
width: 100%;
display: block;
}
article {
margin-top: 190px;
padding-top: 20px;
}
}
/* Header styles */ /* Header styles */
header { header {
@ -236,57 +289,3 @@ header a {
header a:hover { header a:hover {
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
} }
/* Mobile Styles */
@media (max-width: 1000px) {
.burger-menu {
display: block;
}
.menu {
display: none;
flex-direction: column;
background-color: rgba(0, 0, 0, 0.7);
position: absolute;
top: 100%; /* Adjusted position */
left: 0;
width: 100%;
z-index: 999;
}
.menu.active {
display: flex;
}
header {
padding: 5px;
height: auto;
}
.header-content {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.project-name {
font-size: 1.2em;
}
header li {
margin: 0;
width: 100%;
}
header a {
padding: 10px;
width: 100%;
display: block;
}
article {
margin-top: 190px;
padding-top: 20px;
}
}