https://github.com/pranavk-official/image-gallery
Responsive photo gallery webpage using html and css.
https://github.com/pranavk-official/image-gallery
Last synced: 2 months ago
JSON representation
Responsive photo gallery webpage using html and css.
- Host: GitHub
- URL: https://github.com/pranavk-official/image-gallery
- Owner: Pranavk-official
- Created: 2023-08-23T13:32:04.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-23T13:46:28.000Z (over 1 year ago)
- Last Synced: 2023-08-23T15:42:22.692Z (over 1 year ago)
- Language: HTML
- Homepage: https://pranavk-official.github.io/image-gallery/
- Size: 5.86 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [CSS Flexbox Image Gallery](https://pranavk-official.github.io/image-gallery/)
## Description
1. **Responsive Design**: FlexGallery adapts seamlessly to various screen sizes, ensuring an optimal viewing experience across devices.
2. **Interactive Grid**: Explore a visually appealing grid layout, designed to present images in an organized and engaging manner.
3. **Smooth Transitions**: Witness smooth image transitions on hover, adding a touch of interactivity and elegance.
4. **Flexbox Mastery**: By referring to FreeCodeCamp's insightful lessons on Flexbox, this project demonstrates a deep understanding of CSS layout principles.
## How to Use:
1. Clone the repository to your local machine.
2. Open the index.html file in your preferred browser.
3. Enjoy browsing through the beautiful images in the **CSS Flexbox Image Gallery**!
## Credits:
This project draws inspiration from the HTML and CSS Flexbox tutorials provided by FreeCodeCamp. Their educational resources were instrumental in creating an appealing and functional image gallery.