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 CSS Basics (2014) Basic Layout Backgrounds: Color and Images

Posted by Wojciech Gurzynski
Wojciech Gurzynski
2,716 Points

Backgorund-repat: repeat-x;

Hello My problem is that no matter if i write repeat-x or repeat-y browers is still fullfilling whole header with images

thats my code, what Could i did wrong?

.main-header { background-color: #ffa949; height: 850px; padding-top: 170px; background-image: url('../img/mountains.jpg'); background-size: 40%; background-repeat: repeat-x: }

elsie bogaert
elsie bogaert
4,335 Points

at the very end, rather than using a semi colon you're using a colon

1 Answer

Ezra Siton
Ezra Siton
12,644 Points
Ezra Siton
Ezra Siton
12,644 Points

First in the future markdown your code:

In your CSS you have one small syntax error. Check your code with this tool (copy-paste)(or see "related links" to learn more about debugging)

Value Error : background-repeat attempt to find a semi-colon before the property name. add it

How to solve this:

Change ":" to ";". 

background-repeat: repeat-x;  /* change ":" to ";" */