From the course: CSS Essential Training

Unlock this course with a free trial

Join today to access over 25,500 courses taught by industry experts.

Project: List reset and header updates

Project: List reset and header updates

From the course: CSS Essential Training

Start my 1-month free trial Buy for my team

Project: List reset and header updates

“

- [Narrator] Let's start this project update by adding the base starter styles discussed in the previous lessons. To cut down on some manual typing, I've included a file called base.css in the Starter Files' References folder. It includes CSS for the alternative box model, the 100% height value set to the HTML and body elements to give us flexibility to create viewport-based layouts, and the default margin and padding reset for the body element, which will remove the white space around the page. Since these are used to modify the default browser styles, let's copy all the declarations on this page and add them to our styles.css file, as the first global styles. Then save the file. With the margin and padding set to zero for the body element, the background styles in each section now extends to the left and right edges of the browser viewport. But there's still space above the navigation. Inspecting the element will show…

Contents