CSS CSS Layout Basics Getting Started with CSS Layout Centering Page Content and Creating a Full-width Header

Erika Johnston
Erika Johnston
Front End Web Development Techdegree Student 3,166 Points

My code looks the same as the video but isn't repeating the same view in the browser.

I can't figure out why the main content is still the same width as the header and footer.

body { line-height: 1.6; color: #3a3a3a; }

a { color: #fff; text-decoration: none; }

/* ================================= Base Layout Styles ==================================== */

/* ---- Navigation ---- */

.name { margin: 0; }

/* ---- Layout Containers ---- */

.containter { width: 70%; margin: 0 auto; }

.main-header { background: #3acec2; padding: 1em 0; }

.main-footer { text-align: center; padding: 2em 0; background: #d9e4ea; }

1 Answer

David Bloomfield
David Bloomfield
11,055 Points

I cant see the HTML but .container is spelled incorrectly in your CSS as .containter

Could this be the issue?

Thanks David