Skip to content

Commit

Permalink
update style.css: enhance navigation styling with fixed position and …
Browse files Browse the repository at this point in the history
…border, and adjust sliding image class for improved layout
  • Loading branch information
Martin-Atanasov123 committed Jan 1, 2025
1 parent 507bd5b commit eefcf61
Showing 1 changed file with 11 additions and 6 deletions.
17 changes: 11 additions & 6 deletions things/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -16,13 +16,19 @@ main {

nav {
display: flex;

position: fixed;
top: 0;
width: 100%;
z-index: 100;
font-size: large;
justify-content: space-evenly;
align-items: center;
background-color: #443c3c;
border-bottom: 4px solid;
}



nav img {
width: 50px;
height: 50px;
Expand Down Expand Up @@ -81,7 +87,7 @@ nav ul li a {
padding: 3em 10em;
justify-content: center;
align-items: center;
border-top: 5px solid;

border-bottom: 2px solid;
background-image: url(/things/images/main\ cover.jpg);
background-repeat: no-repeat;
Expand Down Expand Up @@ -232,25 +238,24 @@ nav ul li a {

/* slideshow*/


@keyframes slide-horizontal {
0% { transform: translateX(0); }
20% { transform: translateX(-300px); }
40% { transform: translateX(-600px); }
60% { transform: translateX(-300px); }
80% { transform: translateX(0); }
}

/* slideshow */



.sliding-img {
display: flex;
overflow: hidden;
width: 300px; /* Adjust for the number of options */
position: relative;

display: flex;
align-items: center;
width: 300px; /* Adjust for the number of options */
}

.sliding-img .img-wrapper {
Expand Down

0 comments on commit eefcf61

Please sign in to comment.