In this lesson you set the CSS layout and default styling the page container div
element.
Start today with easy to learn courses that quicky build your website skills!
#wrapper
CSS selectors and properties.Add lines 3-13 to the end of the site.css
file in your practice folder, then save.
The #wrapper
selector targets the div
that contains all of the page HTML elements.
Setting the margin
property to 0 auto 0 auto
makes the width of the left and right margins flexible and equal based on the available space in the web browser’s viewport. Adding the width
property to 900px
creates a fixed width page container.
There are no changes in the index.html
file from the last lesson.
Completed Lesson
Do not panic! The styling will improve in the upcoming lessons.