Help what’s wrong with my style.css #128760
Answered
by
m1her
Sliceddmelon
asked this question in
Programming Help
-
BodyI really know nothing body {
margin: 0;
background-color: #111111;
color: #f5f5f5;
font-family: 'Courier New', Courier, monospace;
}
a {
text-decoration: none;
color: #cccccc;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #333333;
padding: 8px 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
width:100%;
max-width: 1200px
margin=0 auto;
flex-wrap: wrap
.navbar__logo {
display: flex;
font-size: 24px }
.navbar__logo li {
margin-right: 8px;
}
.navbar__menu {
list-style: none;
display: flex;
margin: 0;
padding-left: 0;
color: #cccccc
}
.navbar__menu li {
padding: 8px 8px;
hover {color:limegreen }
margin-right: 15px;
}
.navnar__icons {
list-style: none;
display: flex;
}
.navbar__icons li {
padding: 8px 12px;
margin-left: 15px;
}
.salvtitle {
text-align: center;
font-size: 80px;
margin-top: 0;
color: #f5f5f5;
display: flex;
justify-content: center;
}
h1 {
text-align: center;
font-size: 90px;
margin-top: 0;
}
.scale {
animation: scaleAnimation 0.5s ease-in-out forwards;
}
@keyframes scaleAnimation {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
button {
background-color: #333333;
color: #f5f5f5;
border: 1px solid #555555;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
}
button:hover {
background-color: #555555;
color: #ffffff;
}
.sentenceContainer {
font-size: 40px;
text-align: center;
color: red;
}
.mainimage {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
@media (max-width: 480px){
.mainimage {
width: 150%;}}
.centered-image {
max-width: 100%;
height: auto;
}
.welcome {
display: flex;
align-items: center;
color: red
}
.building {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
} Guidelines
|
Beta Was this translation helpful? Give feedback.
Answered by
m1her
Jun 16, 2024
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
after the navbar you forgot to add the closing "}"