HTML, SCSS, JS

This is my solution to the challenge. There's some problem I encountered while finishing this challenge (mostly CSS 😢).

• My approach on the share button tooltip was to create one HTML element and change to whom it absolutely position based on the screen size. I was thinking it will create a cleaner HTML but in CSS it create a whole new mess since i must know which parent and which child is it 🤕 . Is it better to just create two different tooltip (even though the content is nearly the same)? One for mobile and one for desktop?

Any advice on that or other things is much appreciated 🙏. Keep on coding! 🤟