Responsive component with mobile-first approach

Hi Anna and well done on the challenge, for issue you mentioned, you must use before css pseudo selector to add the triangle, something like :

 .card__share-desktop::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: var(--dark-grey-blue);
    position: absolute;
    bottom: -10px;
    right: 100px;
    transform: rotate(45deg);
  }

also use Prettier extension on your IDE to format your code.

✅ I opened a pull request to your repository which will fix the issue.

I hope this was helpful

Hi Anna,

Pretty sure I used this as a guide for the triangle.

All the best!