15/28 Как подобрать отступы подменю?

Курсы §13. Мастерская: создаём меню
1

Помогите дорешать задание.
`html, body {
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 {
padding:0;
margin:0;
list-style:none;
width:200px;
}
.main-menu > li {
background:#2980b9;
border-bottom:2px solid #2c3e50;
}
.main-menu ul {
/margin:0;/
padding:0;
list-style:none;
}
.main-menu a {
padding:10px 15px;
display:block;
text-decoration:none;
color:white;
}
.main-menu > .active > a {
background:#1abc9c;
/color:white;/
border-bottom:2px solid #2c3e50;
/padding:10px 15px;/
}
.main-menu li li a {
text-decoration:underline;
color:#2980b9;
background: white;
/* padding:5px 5px;
padding-left:15px;/
}
/.main-menu > li > a {
padding:10px 15px;
}*/

/*.main-menu li li a:nth-child(3) {
padding-bottom:10px;
} */

`
2

html,
body {
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{
width:200px;
list-style:none;
margin:0;
padding:0;
}
.main-menu>li>a{
border-bottom:2px solid #2c3e50;
background:#2980b9;
text-decoration:none;
color:#ffffff;
}
.main-menu a {
display:block;
padding:10px 15px;
}
.active>a{
border-bottom:2px solid #2c3e50;
}
.main-menu>.active>a{
background:#1abc9c;
}
.active>ul{
display:block;
list-style:none;
padding:10px 0;
background:#ffffff;
border-bottom:2px solid #2c3e50;

}

.active>ul>li>a{
padding:5px 15px;
color:#2980b9;
}
как то так должно быть ищи ошибки у себя