Запуталась с кодом, тем по этому испытанию мало, решила залить свои 100%.
.raccoon-card {
width: 490px;
padding: 20px;
gap: 20px;
display: grid;
grid-template-columns: 100px 200px 150px;
grid-template-areas: “avatar name name”
“avatar email phone”
“skills-list skills-list qr”;
}
.name {
grid-area: name;
align-self: flex-end;
}
.avatar {
grid-area: avatar;
}
.email {
grid-area: email;
}
.phone {
grid-area: phone;
}
.skills-list {
width: 320px;
grid-area: skills-list;
}
.qr {
margin-top: auto;
margin-left: auto;
grid-area: qr;
}