Абсолютное позиционирование 17 задание

Курсы §11. Позиционирование
1

.achievment {

position: relative;
width: 200px;
min-height: 50px;
margin-bottom: 20px;
padding: 10px 80px;
border: 1px solid #e5e5e5;
border-radius: 4px;

}

.badge {
position:absolute;
left:20px;
width: 44px;
height: 44px;
border: 3px solid #e5e5e5;
border-radius: 4px;
background-color: #7fc3e5;
background-image: url(’/themes/htmlacademy/img/icons/medal.png’);

Не понимаю почему не проходит поверку?отступы вроде верные

2

Отступ только слева 80px, а в вашей записи получается и справа тоже 80.

1 лайк
3

padding: 10px 0px 0px 80px;
так?

4

сорри все получилось
padding: 10px 10px 10px 80px; видимо туплю:blush:

5

Нет, 10px остается с каждой стороны, кроме левой, где вы меняете на 80.

6

Я все равно не понимаю почему не срабатывает?
“Задайте элементу с классом achievement внутренний отступ слева 80px”
И просто через padding и через padding-left. Все остальное сработало.
Подскажите пожалуйста, где косяк?

body {
font-family: “Helvetica”, “Arial”, sans-serif;
}

.achievement {
position: relative;
padding-left: 80px;
width: 200px;
min-height: 50px;
margin-bottom: 20px;
padding: 10px;
border: 1px solid #e5e5e5;
border-radius: 4px;
}

.badge {
position: absolute;
left: 20px;
width: 44px;
height: 44px;
background-color: #7fc3e5;
background-image: url(“medal.png”);
border: 3px solid #e5e5e5;
border-radius: 4px;
}

.title {
margin-bottom: 3px;
font-weight: bold;
font-size: 15px;
}

.description {
font-size: 12px;
color: #666666;
}