Прошел испытание на 100% но немного сомневаюсь в правильности своего кода
Испытание: вертикальное меню- Курсы
- Демонстрации
- Участники
- Достижения
- Профиль
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 li{
list-style: none;
}
.main-menu li:nth-child(1){
position: relative;
left: -50px;
color: white;
background: #2980b9;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 10px;
width: 185px;
margin: 10px;
border-bottom: 2px #2c3e50 solid;
}
.main-menu li:nth-child(2){
position: relative;
left: -50px;
top: -10px;
color: white;
background: #1abc9c;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 10px;
width: 185px;
margin: 10px;
border-bottom: 2px solid #2ecc71;
}
.main-menu li:nth-child(3){
position: relative;
left: -50px;
top: -20px;
color: white;
background: #2980b9;
margin: 10px;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 10px;
margin-left: 10px;
margin-right: 30px;
border-bottom: 2px solid #2c3e50;
}
.main-menu li:nth-child(4){
position: relative;
left: -50px;
top: -30px;
color: white;
background: #2980b9;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 10px;
margin-left: 10px;
margin-right: 30px;
border-bottom: 2px solid #2c3e50;
}
.main-menu li:nth-child(5){
position: relative;
left: -50px;
top: -40px;
color: white;
background: #2980b9;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 10px;
margin: 10px;
margin-left: 10px;
margin-right: 30px;
border-bottom: 2px solid #2c3e50;
}