Hi everyone ! I'm stuck with this exercice, and I don't understand where i'm doing wrong ... Please help me, i'm new and I really want to progress
These are the instructions :
"1. In style.css, set the margin of the list items to 5 pixels."
I set a value of 5px in the propriety "margin" in "ul", I don't get where is the mistake,
Thanks you so much in advance !!!!!
* {
border: 1px solid rgba(0, 0, 0, 0.3);
}
body {
background-color: #FFF;
font-family: 'Raleway', sans-serif;
}
.navigation {
text-align: center;
}
ul {
margin: 5px;
padding: 0;
}
li {
font-weight: 100;
letter-spacing: 2px;
padding: 20px 0px;
text-transform: uppercase;
}
.logo {
color: #000;
font-size: 18px;
font-weight: 700;
letter-spacing: 4px;
padding: 0px 50px;
}
.banner {
background-image: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_tahoe.jpeg");
background-size: cover;
background-position: bottom center;
height: 700px;
width: 100%;
}
#banner-content {
border: 1px solid #FFF;
position: relative;
top: 20%;
width: 60%;
padding: 30px 10px 30px 10px;
}
h1 {
color: #FFF;
font-size: 42px;
font-weight: 600;
text-align: center;
}
h2 {
border: 1px solid #D7263D;
color: #D7263D;
font-size: 20px;
line-height: 48px;
padding: 40px 12%;
text-align: center;
text-transform: uppercase;
}
h3 {
color: #D7263D;
font-size: 26px;
font-weight: 700;
padding: 20px 10%;
text-transform: uppercase;
}
p {
color: #333;
font-size: 16px;
line-height: 48px;
margin-top: 60px;
}
.pull-quote {
margin: 0 auto;
width: 70%;
}
.content {
margin: 0 auto;
padding: 40px;
text-align: center;
width: 70%;
}
.byline {
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
color: #333;
font-size: 14px;
font-weight: 200;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px;
}
.share {
border: 1px solid #DDD;
padding: 40px 0px;
position: relative;
text-align: center;
width: 100%;
}
.share a {
background: #D7263D;
border: 1px solid #D7263D;
border-radius: 3px;
color: #FFF;
display: inline-block;
margin: 10px 10px;
padding: 14px;
text-transform: uppercase;
text-decoration: none;
}
.share a:hover {
background: #FFF;
border: 1px solid #D7263D;
color: #D7263D;
animation: ease;
}