Испытание: многоуровневое меню [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;
}
ul {list-style:none;padding:0;}

.main-menu {width:200px;margin:0;padding: 0px;text-indent: 5px;}

a {display:block;text-decoration:none;background-color:#2980b9; color:#ffffff;}

.main-menu>li>a{padding:10px;}

.main-menu>li{border-bottom:2px solid #2c3e50;}

.active>a{background-color:#1abc9c;border-bottom: 2px solid #2c3e50;}

.main-menu ul {padding:15px 0 5px 0; background-color:#ffffff;}

.main-menu ul a {background-color:#ffffff; color:#2980b9;text-indent: 15px;text-decoration: underline;}

.main-menu ul li a {padding:0 0 10px 0;}

не знаю 100% или нет - закончились попытки проверки)
Хотелось бы узнать Ваши мнения, насколько этот код оправдает себя, если будет использован в работе?

2

Ваш код на 100% по проверке системы. Честно говоря, не думала, что в этом задании возможно изобрести что-то новое, а тут text-indent. Не знаю, насколько уместно его использование в этом задании, вполне можно обойтись внутренними отступами.
Вопрос к вам, разве эти два селектора по сути не выбирают одни и те же элементы?

На форуме есть варианты покороче. Почитайте, сравните.

3

Спасибо за обратную связь)
да, действительно)
хорошо, почитаю обязательно)