1
00:00:00,192 --> 00:00:05,110
Congratulations, you've made
it to the end of CSS basics.

2
00:00:05,110 --> 00:00:09,679
You've learned all sorts of CSS 
selectors, worked with a variety of 

3
00:00:09,679 --> 00:00:15,180
measurements, and checked out 
how the CSS cascade settles conflicts.

4
00:00:15,180 --> 00:00:18,930
While there's plenty more to learn
about controlling your layout 

5
00:00:18,930 --> 00:00:22,932
with CSS, be sure to refer back to 
the lessons and resources you 

6
00:00:22,932 --> 00:00:25,720
learned here often 
and keep practicing.

7
00:00:27,240 --> 00:00:32,950
As we wrap up this course, I'll leave
you with one final important resource.

8
00:00:32,950 --> 00:00:39,140
The W3C CSS validator is great for
helping you spot errors in your CSS.

9
00:00:40,580 --> 00:00:44,780
The validator offers three ways
to validate your CSS file.

10
00:00:45,830 --> 00:00:49,750
If it's hosted on a web server already,
you can paste in the URL.

11
00:00:51,020 --> 00:00:56,320
Or if it's local to your machine, you 
can choose the by file upload feature.

12
00:00:57,630 --> 00:01:03,204
Since I'm using a workspace, I'm 
just going to copy my code and

13
00:01:03,204 --> 00:01:09,206
paste where it says by direct input. 
And it looks like I have no errors.

14
00:01:10,873 --> 00:01:13,540
But what if I do have errors?

15
00:01:13,540 --> 00:01:17,464
I'm going to try making a few 
on purpose, since understanding

16
00:01:17,464 --> 00:01:20,840
error messaging is a critical 
part of being a developer.

17
00:01:22,040 --> 00:01:27,631
I'll remove the closed curly
brace after my header selector,

18
00:01:27,631 --> 00:01:32,289
remove the colon here in my 
footer declaration, and delete

19
00:01:32,289 --> 00:01:38,700
the closed parenthesis in my 
rgba declaration within the 

20
00:01:38,700 --> 00:01:42,279
a :focus selector.
And let's validate again.

21
00:01:45,179 --> 00:01:50,330
Sometimes validation errors look
pretty intimidating, don't they?

22
00:01:50,330 --> 00:01:54,700
The only clue I have here really 
is that the error is made on 

23
00:01:54,700 --> 00:01:58,818
my header selector. And 
without that closed curly brace,

24
00:01:58,818 --> 00:02:03,300
the validator is getting confused
about the rest of my CSS

25
00:02:03,300 --> 00:02:06,340
and trying to read it
as one giant CSS rule.

26
00:02:07,390 --> 00:02:14,570
So let's restore that closed 
brace and try validating again.

27
00:02:17,700 --> 00:02:21,720
Okay, these errors are much
more straightforward to fix.

28
00:02:21,720 --> 00:02:26,329
Not only do we see the selector 
names, footer and a:focus, but

29
00:02:26,329 --> 00:02:31,395
we see the specific line numbers
where corrections need to be made.

30
00:02:33,474 --> 00:02:35,184
So I'll go ahead and 
make the fixes.

31
00:02:47,232 --> 00:02:50,610
And we're congratulated 
again. No errors found.

32
00:02:52,030 --> 00:02:56,000
So keep that validator handy, 
along with other resources 

33
00:02:56,000 --> 00:03:00,996
we've covered here. You'll naturally 
start memorizing parts of CSS code 

34
00:03:00,996 --> 00:03:05,490
syntax the more you practice,
but being a great developer

35
00:03:05,490 --> 00:03:09,245
isn't really about memorization.
It's important to know what

36
00:03:09,245 --> 00:03:14,024
resources can help you get unstuck,
about knowing how to spot and

37
00:03:14,024 --> 00:03:19,134
correct errors, and most importantly,
about believing you can do it.

38
00:03:19,134 --> 00:03:22,754
And by completing this course,
you've already come a long way.