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

HTML How to Make a Website Responsive Web Design and Testing Website Testing

Posted by Adam Overby
Adam Overby
711 Points

css validator error & answer on how I fixed my error

I kept getting this error Sorry! We found the following errors (1) URI : TextArea 176 .contact-info a Value Error : margin only 0 can be a unit. You must put a unit after your number : 0 0 10

I couldnt figure out what it was talking about because when I scrolled down to line 176 there was no margin 0 0 10. I even used Control F to try and find that combination of words and came back with zero results. Then I looked at my original main.css and went to line 176 where I could clearly see

margin: 0 0 10; <----this line of code was being deleted because it needed a unit measurement

was confusing why the validator was deleting it until I saw someone elses full workspace code when they posting their problem. This error message is telling me I cant use the code the way it is because it is missing a unit "measurement" In this case I need to put % or px. I dont know which one is better at this point but I went with px because that is what I saw in the other persons code. So the solution to this error message is:

.contact-info a{
  display: block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 30px;
  margin: 0 0 10px;

my original code that was producing the error looked like this:

.contact-info a{
  display: block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 30px;
  margin: 0 0 10;

Hope this helps someone get a solution to their frustration.