Article preview component with a share popup

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

I believe I kept my code relatively clean.

Next time I will further investigate the important accessibility elements that are needed in challenges like this.

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

I managed to figure out (after some investigation) how to place the popup content relative to two different containers for the mobile and the desktop view.

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

1. The popup content (share-content-wrapper) is not perfectly centered above the share icon.

I used:

	left: 50%;
	transform: translateX(-50%);
	top: -70px;

How do i correct this misalignment?

2. How can I change the color of the arrow icon when the icon is pressed? I used the icon-share.svg image file from the given design files.