Responsive Article Preview Component with Vue 3 and Tailwind CSS

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

Need to work on code readability and coding speed. Instead of littering my code with tailwind CSS classes containing arbitrary values, I'd define them within tailwind.config.js.

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

I am absolutely sure that there is a much cleaner and better way of writing the way socials share pop-up is handled than mine. My current solution utilizes div with absolute, relative, inset, and translate Tailwind CSS classes.

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

Any feedback is appreciated.