Подменю добавлено, но перед тем как продолжить оформление, нужно устранить возникшие проблемы.

Во-первых, все ссылки подменю подсвечены синим, так как лежат внутри элемента списка с классом active, а селектор .main-menu .active a действует на все ссылки.

Чтобы избавиться от этого эффекта, нужно изменить селектор, используя дочерние селекторы, на такой: .main-menu > .active > a. Подсвечиваться будет только ссылка верхнего уровня.

Во-вторых, нужно сбросить отступы и убрать маркеры у подменю, как вы делали в 3 задании.