Article preview component

What are you most proud of, and what would you do differently next time?

With this exercise, I learned about the javascript.

 function share() {
      let profile = document.querySelector('.profile');
      let icons = document.querySelector('.icons');
      let user = document.querySelector('.user');
      let share = document.querySelector('.share');

      if (icons.style.display === 'none') {
        icons.style.display = 'flex';
        if (window.matchMedia("(max-width: 600px)").matches) {
          profile.style.display = 'none';
          user.style.backgroundColor = '#48546a';

        }
      } else {
        icons.style.display = 'none';
        profile.style.display = 'flex';
        user.style.backgroundColor = '#ffffff';
      }
    }

What challenges did you encounter, and how did you overcome them?

The ::after.

.icons::after {
        content: "";
        position: absolute;
        bottom: -50%;
        left: 52%;
        transform: translateX(-50%);
        border-width: 15px;
        border-style: solid;
        border-color: var(--color-Grayish-Blue) transparent transparent transparent;
    }

What specific areas of your project would you like help with?

I'd like to know what's the best way to use ::after.