Make a Website; #8 Background Image


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(121,149,117);

h2 {
font-size: 56px; 

.hero { 
  color: #ffffff;
  padding: 250px 0;
  margin: 30px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
  background-image: url("");
  background-size: cover;

p {
font-size: 2rem;

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


Your code looks fine, maybe refresh the page or try another browser


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