This is a quick little project of expanding cards that can be used as a component on a website to display a gallery of images or projects.

This is the completed project to the first project from 50 Projects in 50 Days, a course I am taking on UDEMY.

• Overview
  • The Challenge
  • Screenshot
  • Links
• My Process
  • What I Learned
  • Continued Development
  • Useful Resources
• Sources
  • Photo Sources
  • Project Idea

Create an expandable card layout for images, that scaled to the width of the user's device.

• GitHub URL
• Live URL
• UDEMY URL

This first project was fun to explore what you can do with a bit of JavaScript and CSS to create some really cool things!

One of the challenges in this project was getting the slides to showcase one image at a time, and the solution was something I had not considered before, and glad to have learned. Which was using Javascript to select the initial panel, and swap the panel's class of 'active' to the panel this is clicked. While also removing the class of 'active' to all previous panels.

This was a great introduction into the simplicity and power of JavaScript, and look forward to diving deeping into the language. I also took this project as a time to introduce myself to Markdown, and practice what I learned in this ReadMe.

• Learning MarkDown

• Udemy

• Photo 1 - Tetons
• Photo 2 - Forest
• Photo 3 - Beach
• Photo 4 - Winter
• Photo 5 - Reefs