I followed the video and the containers are not adjusting. I cant figure out the problem! Here is my code: CSS body { line-height: 1.6; color: #3a3a3a; }

a { color: #fff; text-decoration: none; } /* Navigation Styles */ .name { margin:0;

}

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

/* ---- Layout Containers ---- */ .container { width:70%; margin:0 auto; }

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

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

HTML: <header class="main-header"> <div class="container"> <h1 class="name"><a href="#">Best City Guide</a></h1> <ul class="main-nav"> <li><a href="#">ice cream</a></li> <li><a href="#">donuts</a></li> <li><a href="#">tea</a></li> <li><a href="#">coffee</a></li> </ul> </div> </header>

<div class="container"> <h2>Welcome!</h2> <p>Everything in this city is worth waiting in line for.</p> <p>Cupcake ipsum dolor sit. Amet chocolate cake gummies jelly beans candy bonbon brownie candy. Gingerbread powder muffin. Icing cotton candy. Croissant icing pie ice cream brownie I love cheesecake cookie. Pastry chocolate pastry jelly croissant.</p> <p>Cake sesame snaps sweet tart candy canes tiramisu I love oat cake chocolate bar. Jelly beans pastry brownie sugar plum pastry bear claw tiramisu tootsie roll. Tootsie roll wafer I love chocolate donuts.</p>

  <h2>Great food</h2>
  <p>Croissant macaroon pie brownie. Cookie marshmallow liquorice gingerbread caramels toffee I love chocolate. Wafer lollipop dessert. Bonbon jelly beans pudding dessert sugar plum. Marzipan toffee drag&#233;e chocolate bar candy toffee pudding I love. Gummi bears pie gingerbread lollipop.</p> 

</div>

Can someone please check it..? Thank you guys!