@Da-vi-de
Posted
Hi, congrats, it's a really nice result for this challenge. Good use of semantic HTML. It's nearly perfect, i noticed the instagram card misses that peculiar angle. You need a pseudo element and positioning, i did it this way:
.instagram {
position: relative;
}
.instagram::before {
position: absolute;
content: '';
width: 100%;
height: 4px;
top: -1px;
left: 0;
background: var(--instagram-color;)
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
The cursor doesn't need to be pointer, it would be great if there was the hover effect on cards.
Good job, keep coding :-)
Marked as helpful