.raccoon-card {
padding: 20px;
width: 490px;
display: grid;
gap: 20px;
grid-template-columns: 100px 200px 150px;
grid-template-areas: “logo title title”
“logo mail tel”
“skills skills code”;
}
.avatar {
grid-area: logo;
}
.name {
grid-area: title;
align-self: end;
}
.email {
grid-area: mail;
}
.phone {
grid-area: tel;
}
.skills {
max-width: 320px;
grid-area: skills;
}
.qr {
grid-area: code;
justify-self: end;
align-self: end;
}