Main.css file is not being applied


#1


https://www.codecademy.com/courses/make-a-website/lessons/closer-look-css/exercises/background-image?action=lesson_resume


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


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

h1 {
font-size: 32px;
font-family: Palatino, 'Palatino Linotype', serif;
color: rgb(46,105,163);
}

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

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

}

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

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


#2

In preview is the color being applied?

If it is NOT then see if main.css is linked properly or could be a mistake in HTML so paste in the HTML code...

If it's being applied then refresh the page or try another browser


#3

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