Испытание: визитка Неопознанного Енота на 100%

Я смог сделать вот так. Заранее извиняюсь если неразборчиво)

.raccoon-card {
width: 490px;
padding: 20px;
display: grid;

grid-template-columns: 100px 200px 150px;
grid-template-areas: “avatar name name”
“avatar mail tell”
“skills skills qr-cod”;
gap: 20px;
}

.name {
grid-area: name;
align-self: end;
}

.avatar {
grid-area: avatar;
}

.phone {
grid-area: tell;
}

.email {
grid-area: mail;
}

.skills {
grid-area: skills;
}

.qr {
grid-area: qr-cod;
align-self: end;
justify-self: end;
}

1 лайк

не поняла почему для .phone не указано свойство justify-self: start;
без него разве 100%?
остальное все также