8/10 part 3


#1

Hi there. I'm stuck again. This time at 8/10 part 3. I've tried to change the browser, I've tried to type white instead of #ffffff, didn't work. Any suggestions? Thank you.

Here's the code:

body {
height: 100%;
margin: 0;
text-align: center;
width: 100%;
}

h1 {font-family: Palatino, 'Palatino Linotype', serif; color: red; font-size: 32px;}

h2 {font-size: 56px;}

p {font-size: 2rem;}

.hero { background-image: url("https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-2/bg.jpg");
backround-size: cover;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding: 250px;
margin: 40px;
}

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

My zoom is set to 100%. And there is no error message.


#2

Try putting color: #ffffff; under h2, p, and .hero worked for me. See below.

body {
height: 100%;
margin: 0;
text-align: center;
width: 100%;
}

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

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

.hero {background-image: url("https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-2/bg.jpg");
background-size: cover;
padding: 250px 0;
margin: 30px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #ffffff;
}

p {
font-size: 32px;
color: #ffffff;
}

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


#3

Worked for me as well. Thank you!


#4

This worked! This was frustrating me. They need to make the instructions more clear


#5

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