что здесь не так???

html, body {
background: white;
margin: 0;
padding: 0;
}

body {
width: 280px;
min-height: 280px;
padding: 10px;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.4;
background: #ecf0f1;
}
.main-menu {
margin: 0;
padding: 0;
width:200px;
}
.main-menu li {
margin: 0;
list-style: none;
}
.main-menu a {
display: block;
margin: 0;
color: white;
padding: 10px 15px;
background-color: #2980B9;
border-bottom: 2px solid #2C3E50;
text-decoration: none;
}
.main-menu li li a {
margin-left: -40px;
padding: 7px 15px;
color: #2980B9;
background: #FFFFFF;
border: none;
text-decoration: underline;
}
.main-menu > .active > a {
background-color: #1ABC9C;
}

задание вообще не сделал…
как мне сделать подменю без отрицательных внешних отступов?
и как в подменю внутренние отступы правильно выставить?
что не так???

Номер задания подскажите.

Испытание : многоуровневое меню [15/28]

По поводу отрицательных отступов. Отступы у подменю тоже надо обнулить. Так как вы делали в этом фрагменте:
.main-menu {
margin: 0;
padding: 0;
width:200px;
}

а оно потом съезжает и там серый фон(((

А так?
.main-menu ul {
margin: 0;
padding: 0;
}

ul?.. :no_mouth:

есть))

Продолжаем или дальше сами?

да) если можно)) но вот не пойму я как внутренние отступы сделать…
или это внешние…

Внутренние. Отдельно для ссылок подменю + для ul.

repeat please((((

чето я както не понял. ну так то понял, но нет)

Подсказка. Рамка вспомогательная, только для наглядности.

это то я как раз понял. а вот как его записать само правило …

Хорошо. Какой селектор у вас используется при создании стилей ссылок подменю?

.main-menu li li a

Правильно. Оцените визуально, какой величины подойдет отступ.

максимум 10

10 - это много. 5 хватит. Еще отступы для ul.