syjem/stack-dashboard

THE ODIN PROJECT - STACK DASHBOARD

This is my solution to The Odin Project Admin Dashboard

• Overview
  • Links
  • Screenshots
• My process
  • Built withs
  • Cool things I learned
• Credits

Overview

Links

• Live Site URL: https://syjem.github.io/stack-dashboard/

Screenshots

My Process

Built With

• Semantic HTML5 markup
• CSS custom properties
• CSS Grid
• Flex-box
• Mobile-first workflow
• JavaScript

Cool things I learned

• Zoom images

img.forEach((pic) => {
    pic.addEventListener("click", () => {
      modal.style.display = "block";
      modalImage.src = pic.src;
      caption.textContent = pic.alt;
    });
  });

  close.addEventListener("click", () => {
    modal.style.display = "none";
  });
};

Credits

• The Odin Project