Responsive component with mobile-first approach

Community feedback

• 

  Yazdun•1,310

  @YazdunPosted about 3 years ago

  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

  Marked as helpful

  1

  ---

  

  anna•340

  @annab6Posted about 3 years ago

  @Yazdun Thanks a lot for your help! I´ve merged the changes that you had done and now I have a nice triangle! And yes, now my code looks "prettier", so I´ve added the extension to my VSCode - it´s very helpful:)

  0

  

  Yazdun•1,310

  @YazdunPosted about 3 years ago

  @annab6 Glad I could help

  0
• 

  darryncodes•6,370

  @darryncodesPosted about 3 years ago

  Hi Anna,

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

  All the best!

  Marked as helpful

  1

  ---

  

  anna•340

  @annab6Posted about 3 years ago

  @darryncodes A great guide, thanks!

  0