Now that we have our Star Wars created we can go ahead and create our divs inside the body tags.
First we will create a container that will contain all the elements of our page
inside the container.
We'll insert the header
and remember that the header contains our navigation
and the navigation elements are structured within an unordered list.
So that's what that will look like.
Next we'll insert our content wrapper in the content wrapper again will contain all our three columns
and then insert the content column did.
This is the center content area and we created the inner text rule that adds the padding or the margin
around our text we'll go ahead and insert the inner text div
inside.
This was Dave will We'll insert some text
the next day we want to insert is the left column and so just create this code block.
So we have the div for the left column and then inside the left column.
Again we're using the inner text div to add margin and some font styling to our text.
And this is just some random text that we've entered and we'll do the same for the right column
and a lasting will enter is our footer and that's the entire page completed.
So go ahead and preview it in your browser
and this is the end result.
So that's a responsive CSX Leo.