Испытание:Волшебная дверь 22/22 100%

Курсы §15. Сетки
1

body {
margin: 0;
}

ul {
margin: 0;
}

.doors-list {
display: flex;
justify-content: center;
margin: 0 auto;
padding: 20px 10px 40px;
width: 320px;
}

.door {
margin: auto;
}

.door-1 {
width: 100px;
margin-right: 10px;
}

.door-2 {
width: 100px;
margin-right: 10px;
}

.door-3 {
width: 100px;
}
.container {
display: flex;
width: 550px;
padding: 5px;
}

.note-1 {
width: 150px;
margin-right: 25px;
}

.note-2 {
width: 200px;
margin-top: auto;
margin-bottom: auto;
}

1 лайк
2

Видимо задание немного изменилось, ваш ответ дает 97%. Но спасибо, за подсказки, получилось добить на 100%.

body {
margin: 0;
}

ul {
margin: 0;
}

.doors-list {
display: flex;
justify-content: center;
margin: 0 auto;
padding: 20px 10px 40px;
width: 320px;
}

.door {
margin: auto;
}

.door-1 {
width: 100px;
margin-right: 10px;
}

.door-2 {
width: 100px;
margin-right: 10px;
}

.door-3 {
width: 100px;
}
.container {
display: flex;
width: 550px;
padding: 5px;
}

.note-1 {
width: 150px;
margin-right: 25px;
}

.note-2 {
width: 200px;
margin-top: auto;
margin-bottom: auto;
margin-right: auto;
}

.note-3 {
width: 100px;
margin-top: auto;
}