Welcome to the Photo Card project! This project is designed to create visually appealing photo cards with various features including shadow boxing, grid layout, flexbox arrangement, picture zooming, and a favorite feature. Below you'll find a guide on how to use and customize this code.
Shadow Box: Adds a subtle shadow effect around the photo card, enhancing its visual appeal and making it stand out.
Grid Layout: Utilizes a grid layout to organize multiple photo cards in a structured and responsive manner.
Flexbox Arrangement: Utilizes flexbox to arrange the elements within each photo card, providing flexibility in design and layout.
Picture Zooming: Allows users to zoom in and out of the displayed picture for closer inspection, enhancing the user experience.
Favorite Feature: Enables users to mark their favorite photo cards, providing a personalized touch to the application.
Offers the option to switch between light and dark modes for accessibility and user experience.
index.html: Contains the main HTML structure of the application. styles.css: Defines the styling for the photo cards using CSS, including the shadow box, grid layout, and flexbox arrangement.
This project was created by Bianca and Ruth. Inspiration and guidance were taken from various resources online.