CSS 3D Grid Gallery 🌟

Welcome to the CSS Grid Gallery project! This is a fun and stylish grid layout showcasing a collection of beautiful images with some cool hover effects and 3D transformations.

What’s Inside

• Awesome Grid Layout: We’re using CSS Grid to make a gallery that looks great on any screen.
• Hover Magic: Hover over the images to see them pop out with a cool 3D effect and shadow.
• Utility Classes: Handy classes to make certain images span across rows and columns.

Check It Out

You can check out the live demo of this project https://ceedcode.github.io/3D-grid-layout/.

Screen.Recording.2024-08-10.145325.mp4

Tech Used

• HTML for structure
• CSS for styling
• Flexbox for layout alignment
• CSS Grid for the gallery layout

How to Get Started

1. Clone this repo:

   git clone https://github.com/yourusername/3D-grid-layout.git

2. Go to the project folder:

   cd 3D-grid-layout

3. Open index.html in your browser and enjoy the gallery!

Customizing

Feel free to tweak the index.html and index.css files to add your own images or change the styles. The gallery is designed to be easy to customize.

Contribute

Got ideas or improvements? Fork the repo and submit a pull request! Just make sure your changes don’t break anything.

License

This project is licensed under the MIT License. Check out the LICENSE file for more info.

Get in Touch