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

Posted by Michael D.
Michael D.
5,597 Points

Problem with Repeating Gradients in CSS

For some reason Chrome will not show the below code. I have rechecked my code countless times searching for errors. So far everything seems to be in the right place but Chrome will not display the repeating gradient. If anybody could share some advice with me I would greatly appreciate it.

.box {
    width: 70%;
    height: 500px;
    margin: 35px auto;

    background: -webkit-repeating-linear-gradient(rgba(58,122,187,.8), rgb(43,79,115) 50px);
}

3 Answers

Mike Bronner
Mike Bronner
16,395 Points
Mike Bronner
Mike Bronner
16,395 Points

Notice that in your rgba color, you wrote l87 (with a lowercase L, instead of 187). Code should be:

.box { width: 70%; height: 500px; margin: 35px auto;

background: -webkit-repeating-linear-gradient(rgba(58,122,187,.8),    rgb(43,79,115) 50px);

}

Michael D.
Michael D.
5,597 Points
Michael D.
Michael D.
5,597 Points

I deeply apologize. In the heat of frustration I confused the letter "l" with the number "1" while reading over the rgba values. I apologize for wasting anybody's time reading my post.

Mike Bronner
Mike Bronner
16,395 Points

No worries, happens to all of us. :) I almost always find the problem I am working on right after posting it to a forum. LOL

Mike Bronner
Mike Bronner
16,395 Points

Please mark this answer as solved, though, so it appears as such in the forums. :)

Michael D.
Michael D.
5,597 Points

How do I go about marking the answer as solved?

Mike Bronner
Mike Bronner
16,395 Points
Mike Bronner
Mike Bronner
16,395 Points

Click the "Best Answer" link. It will then show as a green checkmark on the forum listing. :)

Michael D.
Michael D.
5,597 Points

Ok, thank you, I will do that as soon as the link appears.

Mike Bronner
Mike Bronner
16,395 Points

Interesting that it doesn't show. It should be on the right side of each answer.