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

100%

.raccoon-card {
width: 490px;
padding: 20px;
display: grid;
gap:20px;
grid-template-columns: 100px 200px 150px;
grid-template-areas: “avatar name name”
“avatar email phone”
“skills skills qr”;
}

.avatar {
grid-area: avatar;
}

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

.email {
grid-area: email;
}

.phone {
grid-area: phone;
}

.skills {
grid-area: skills;
}

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

3 симпатии

.raccoon-card{
width: 490px;
padding: 20px 20px;
display: grid;
gap:20px;
grid-template-columns: 100px 200px 150px;
grid-template-areas: “avatar name name”
“avatar email phone”
“skills skills qr”;
}
.avatar{
width: 100px;
grid-area: avatar;

}
.name{
width: 320px;
grid-area: name;
align-self: end;
}
.phone{
width: 150px;
grid-area: phone;
}
.email{
width: 200px;
grid-area: email;
}
.skills{
width: 320px;
grid-area: skills;
}
.qr {
width: 100px;
grid-area: qr;
align-self: end;
justify-self: end;
}