Article Preview Component | HTML CSS Sass JS

Hello Everyone! 👋

My second JavaScript challenge is completed. 🎉

The tooltip or the "share element" is a tricky one. It took me almost one day to figure out how to create and position it correctly. 😅

Now for the questions:

• If you try using screen reader on my website, can you understand the page content?
• Can you navigate through this website comfortably using your keyboard (Tab and Enter)?
• In my opinion, the drawers image is a decorative image, since it doesn't contain any information at all. But, it is a banner or the cover image of that article that commonly has alternative text. So, what do you think about it?
• I notice there are is-open, is-active, what kind of class naming convention is that? I want to google about it, but I don't know what keyword should I use.

Any questions on the technique that I'm using are very welcome! 🙌

Also if you want me to give my feedback on your solution to this challenge, feel free to give me the link to the community feedback! I will be glad to help you too!

Thanks!