interstellar_development/foss_alternatives
3
1
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed the header problem

Browse source
This commit is contained in:
Sage The DM 2024-06-24 17:53:58 +02:00
parent 24810c5c40
commit 2055990ba9
2 changed files with 19 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

24
list.css
View file

@ -21,7 +21,7 @@ body {
/* Header styles */
header {
background-color: #2c3e50;
padding: 15px 0;
padding: 10px 0; /* Smaller padding */
width: 100%;
position: fixed;
top: 0;
@ -34,14 +34,14 @@ header {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1400px;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.project-name {
color: #ffffff;
font-size: 1.8em;
font-size: 1.5em; /* Smaller font size */
font-weight: bold;
}
@ -49,7 +49,7 @@ header {
background: none;
border: none;
color: #ffffff;
font-size: 1.8em;
font-size: 1.5em; /* Smaller font size */
cursor: pointer;
display: none;
}
@ -64,13 +64,13 @@ header {
}
header li {
margin: 15px;
margin: 10px; /* Smaller margin */
}
header a {
color: #ffffff;
text-decoration: none;
padding: 10px;
padding: 8px; /* Smaller padding */
border-radius: 5px;
transition: background-color 0.3s ease;
}
@ -81,7 +81,7 @@ header a:hover {
/* Article styles */
article {
margin-top: 8em;
margin-top: 6em; /* Adjusted top margin */
margin-bottom: 50px;
padding: 20px;
width: 90%;
@ -166,9 +166,10 @@ nav {
}
/* Mobile Styles */
@media (max-width: 1400px) {
@media (max-width: 4000px) {
.burger-menu {
display: block;
padding: 0;
}
.menu {
@ -176,7 +177,7 @@ nav {
flex-direction: column;
background-color: #2c3e50;
position: absolute;
top: 100%; /* Adjusted position */
top: 100%;
left: 0;
width: 100%;
z-index: 999;
@ -189,7 +190,7 @@ nav {
}
header {
padding: 10px 0;
padding: 0; /* Further reduce the padding */
height: auto;
}
@ -197,7 +198,7 @@ nav {
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0 10px;
padding: 0 20px 0 20px;
}
.project-name {
@ -222,6 +223,7 @@ nav {
}
}
/* Additional styles for article */
article ul {
list-style-type: none;
padding: 0;

11
styles.css
View file

@ -34,7 +34,7 @@ header {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1400px;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
@ -166,9 +166,10 @@ nav {
}
/* Mobile Styles */
@media (max-width: 1400px) {
@media (max-width: 4000px) {
.burger-menu {
display: block;
padding: 0;
}
.menu {
@ -176,7 +177,7 @@ nav {
flex-direction: column;
background-color: #2c3e50;
position: absolute;
top: 100%; /* Adjusted position */
top: 100%;
left: 0;
width: 100%;
z-index: 999;
@ -189,7 +190,7 @@ nav {
}
header {
padding: 10px 0;
padding: 0; /* Further reduce the padding */
height: auto;
}
@ -197,7 +198,7 @@ nav {
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0 10px;
padding: 0 20px 0 20px;
}
.project-name {