Stuck 8/10 CSS pls help


#1

I don't understand why my code doesn't work. I have no idea what I'm doing wrong please help me!

body {
height: 100%;
margin: 0;
text-align: center;
width: 100%;
}
h1 { font-family: Palatino, 'Palatino Linotype', serif;
color: rgb(49,105,163);
font-size: 56px;
}
h2 {
font size: 56px;color:#ffffff
.hero font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 56px;
padding: 250px 0;
margin: 30px;
color:#ffffff
}
p {font-size: 2rem;color:#ffffff
}
.hero {background-image: url("https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-2/bg.jpg");
background-size: cover;
color: #00FFFF
font-size: 1.25em;
text-decoration: none
}


#2

Hi barbaramfonseca, on some of your code you forget to put ";". and also on your background-image attribute remove the (" ") in the url. If it does no help you, can you give us the error message that you are having.


#3

It worked! Thank you so much!!


#4

how do i fix my code it wont work and i don't know why body {
height: 100%;
margin: 0;
text-align: center;
width: 100%;
}

h1 {font-family: Palatino, 'Palatino Linotype',
serif;
color: rgb(218,190,206);
font-size: 32px;
}

h2 {
font-size: 56px;color: #ffffff
}

.hero {
background-image: url("https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-2/bg.jpg");

font-family: 'Trebuchet MS', Helvetica, sans-serif;

padding: 250px 0;
margin: 30px;

}

p {font-size: 2rem;
color: #ffffff
}

.hero a {
color: #00FFAA;
font-size: 1.25em;
text-decoration: none;
}


#5

i changed my code it is now body {
height: 100%;
margin: 0;
text-align: center;
width: 100%;
}
h1 { font-family: Palatino, 'Palatino Linotype', serif;
color: rgb(49,105,163);
font-size: 56px;
}
h2 {
font size: 56px;color:#ffffff
.hero font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 56px;
padding: 250px 0;
margin: 30px;
color:#ffffff
}
p {font-size: 2rem;color:#ffffff
}
.hero {background-image: url("https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-2/bg.jpg");
background-size: cover;
color: #00FFFF
font-size: 1.25em;
text-decoration: none
}


#6

On some of your code you forget to put ";". and also on your background-image attribute remove the (" ") in the url. If it does no help you, can you give us the error message that you are having.
Your code should look like this:

body {
height: 100%;
margin: 0;
text-align: center;
width: 100%;
}
h1 { font-family: Palatino, 'Palatino Linotype', serif; 
color: rgb(49,105,163);
font-size: 56px; 
}
h2 {
font size: 56px;
color:#ffffff;
.hero font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 56px;
padding: 250px 0;
margin: 30px;
color:#ffffff;
}
p {font-size: 2rem;
color:#ffffff;
}
.hero {background-image: url(https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-2/bg.jpg);
background-size: cover;
color: #00FFFF;
font-size: 1.25em;
text-decoration: none;
}

#7

this is the message Did you add a color property of #ffffff the .hero selector in main.css?


#9

How do i fix my problem
body {
height: 100%;
margin: 0;
text-align: center;
width: 100%;
}

h1 {
font-size: 32px;
font-family: Palatino, 'Palatino Linotype', serif;
color: rgb(121,149,117);
}

h2 {
font-size:56px;
}

.hero {
background-image:
url("http://i.imgur.com/DfUZWa8.png");
background-size: cover;
font-family: 'Trebuchet MS', Helvetica, sans-serif;

padding: 250px 0;
margin: 30px;

}

p {font-size: 2rem;

}

.hero a {
font-size:2rem
color: #ffffff;
font-size: 2rem;
text-decoration: none;
}


#10

This topic was automatically closed after 7 days. New replies are no longer allowed.