Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

backround size reject

I have got a message saying, bummer! did you set the backreound size to 30px?

a { 
  text-decoration: none;
} 
#wrapper { 
  max-width: 940px; 
  margin: 0 auto; 
} 
#logo { 
  text-align: center; 
  margin: 0; 
} 
h1, h2 { 
  color: #fff; 
} 
nav a {
  color: #fff; 
} 
nav a:hover { 
  color: #32673f; 
} 
h1 { 
  font-family: β€˜Changa One’, sans-serif; 
  font-size: 1.75em; 
  font-weight: normal; 
} 
img { 
  max-width: 100%; 
} 
#gallery { 
  margin: 0; 
  padding: 0;
  list-style: none;
} 
#gallery li { 
  float: left; 
  width: 45%; 
  margin: 2.5%; 
  background-color: #f5f5f5; 
  color: #bdc3c7;
} 
nav ul { 
  list-style: none; 
  margin: 0 10px; 
  padding: 0; 
} 
nav li { 
  display: inline-block; 
} 
nav a { 
  font-weight: 800; 
  padding: 15px 10px; 
} 
.profile-photo {
  display: block; 
  margin: 0 auto 30px; 
   max-width: 150px; 
  border-radius: 100%;
} 
.contact-info { 
  font-size: 0.9em;
  margin: 0; 
  padding: 0; 
  list-style: none;
} 
.contact-info a { 
  min-height:20px; 
  display: block; 
  background-repeat: no-repeat; 
  background-size: 20px, 20px; 
  padding-left: 30px; 
  padding-right: 0px; 
  padding-top:0; 
  padding-bottom: 0; 
}

It's a good practice to get in the habit of previewing your post before you post it. It's hard to read this without it being CSS highlighted, but it looks like the only background-size attribute here is set to 20px, 20px

The trick for embedding code is three backticks, press enter, paste code, press enter, three more backticks. Click on the Markdown Cheatsheet link when posting a message for more details.

1 Answer

Hi Angus,

Just spotted your question as unanswered and seen the notes made on markdown, if you start typing your question there is a little link under the text box called Markdown Cheatsheet this will show you all you need to know. For the question above I have edited it to markdown the code as mentioned by using backticks.

The error in there seems to be that you have the background size set to:

.selector {
  background-size: 20px, 20px;
}

It is the comma in between the CSS values that is throwing off the answer. There is no need to comma seperate the values for the background size property.

Hope you find this helpful!

Craig