1
00:00:00,120 --> 00:00:06,330
Now that we have our Star Wars created we can go ahead and create our divs inside the body tags.

2
00:00:06,600 --> 00:00:10,650
First we will create a container that will contain all the elements of our page

3
00:00:15,560 --> 00:00:17,860
inside the container.

4
00:00:18,380 --> 00:00:19,910
We'll insert the header

5
00:00:23,610 --> 00:00:26,160
and remember that the header contains our navigation

6
00:00:30,410 --> 00:00:36,480
and the navigation elements are structured within an unordered list.

7
00:00:36,480 --> 00:00:38,280
So that's what that will look like.

8
00:00:38,280 --> 00:00:46,440
Next we'll insert our content wrapper in the content wrapper again will contain all our three columns

9
00:00:52,590 --> 00:00:55,890
and then insert the content column did.

10
00:00:56,130 --> 00:01:05,070
This is the center content area and we created the inner text rule that adds the padding or the margin

11
00:01:05,100 --> 00:01:09,000
around our text we'll go ahead and insert the inner text div

12
00:01:11,820 --> 00:01:12,530
inside.

13
00:01:12,570 --> 00:01:15,680
This was Dave will We'll insert some text

14
00:01:22,040 --> 00:01:30,240
the next day we want to insert is the left column and so just create this code block.

15
00:01:31,750 --> 00:01:35,470
So we have the div for the left column and then inside the left column.

16
00:01:35,480 --> 00:01:45,680
Again we're using the inner text div to add margin and some font styling to our text.

17
00:01:45,680 --> 00:01:51,710
And this is just some random text that we've entered and we'll do the same for the right column

18
00:01:58,950 --> 00:02:07,460
and a lasting will enter is our footer and that's the entire page completed.

19
00:02:07,940 --> 00:02:10,310
So go ahead and preview it in your browser

20
00:02:17,200 --> 00:02:18,900
and this is the end result.

21
00:02:30,480 --> 00:02:32,550
So that's a responsive CSX Leo.