Конечно не все радужно как хотелось бы) по первых почему у вас по структуре идет блок content а потом Sidebar и как то по турецкому все прижато. Нужно прижимать с лева на права и располагать так же блоки т.е block-left(float:left) потом block-right(float:right), id можно не использовать в таких количествах, сколько не делаю сайтов id уже добрые не юзал, пол года не писал их примерно если не больше, только в очень редких и уникальных случаях. Ты использовал тег HTML5 header, а почему для футера не использовал footer и для меню nav или menu, а также section и acticle - считай основные теги. Ну про отступы даже говорить не буде) можно сделать элементарный paddingi или margin. А респонсив или делать сетку через ботстрап или читай про
media only screen and (min-width:320px) - как пример