starter CSS / positioning

basic.css

* {
  margin: 0;
  padding: 0;
/*  box-sizing: border-box;*/

  /* again: this is frequently used,
    but I think it is best saved for
    later, when you're more confident about
    why you'd want to change the box-sizing
    model in the first place...*/
}

/* technically, empty selectors are frowned upon.*/

.page {
}
/*
  margin:0 auto;
  width:200px;
}*/

.menu {
  height: 50px;
  background-color: #B2D6FF;    /* Medium blue */
}

.sidebar {
 height: 120px;
  background-color: #F09A9D;    /* Red */
}

.content {
  height: 250px;
  background-color: #F5CF8E;    /* Yellow */
}

.footer {
  height: 150px;
  background-color: #D6E9FE;    /* Light blue */
}