Solution for Article Preview Card

This is a solution to the Article Preview Card.

• Solution for Article Preview Card
  • Preview
    • Desktop
    • Desktop - active
    • Mobile
    • Mobile - active
  • Tools
  • My JS code
    • The code to toggle the popup

Preview

Below are the screenshots from both desktop and mobile screens.

Desktop

Desktop - active

Mobile

Mobile - active

Tools

• Visual Studio Code
• HTML
• CSS grid
• CSS flexbox
• IonIcons

My JS code

I'm still new to Javascript, and I still have a lot to learn.

The code to toggle the popup

I used this to make the share button functional. This might not be great.

shareBtn.addEventListener("click", () => {
  popup.classList.toggle("popup-show");
});