Article Preview Component – Built with HTML, CSS & JavaScript

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

I'm most proud of successfully implementing the JavaScript toggle feature to show and hide the share popup. Since this was my first time using JavaScript in a project, I had to learn how to manipulate the DOM and toggle CSS classes dynamically. Additionally, I refined my CSS positioning skills, using absolute positioning and Chrome DevTools to ensure pixel-perfect alignment.

Next time, I want to focus on improving my JavaScript skills.

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

One of the biggest challenges I faced was learning JavaScript, especially how to manipulate the DOM and toggle elements dynamically. Since this was my first time using JavaScript in a project, it took me a while to fully understand how event listeners and class toggling work.

To overcome this, I watched multiple YouTube tutorials and read several online articles and documentation to deepen my understanding. Experimenting with different approaches in Google Chrome DevTools also helped me troubleshoot issues and refine my implementation. Through persistence and hands-on practice, I was able to get the share button functionality working as expected.

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

CSS Positioning Best Practices: I used absolute positioning to place the share popup, but I had to rely heavily on trial and error with Chrome DevTools. Are there more effective techniques for positioning elements dynamically while keeping the layout flexible?