Responsive Photo Gallery with Flexbox

This project is a part of the FreeCodeCamp Responsive Web Design Certification. It demonstrates how to build a responsive photo gallery webpage using CSS Flexbox, allowing the layout to adjust seamlessly across different screen sizes and devices.

Project Overview

The goal of this project is to create a photo gallery that is fully responsive. By leveraging Flexbox, we ensure that the layout adjusts based on the screen size, providing an optimal user experience on desktops, tablets, and mobile devices.

Features

• Responsive design: The photo gallery adjusts based on screen size using Flexbox.
• Clean and simple layout.
• Easy to extend and modify with more photos and sections.

Technologies Used

• HTML5: For structuring the webpage.
• CSS3: Specifically CSS Flexbox for the layout and responsiveness.

How to Use

1. Clone this repository to your local machine:

   git clone https://github.com/createwithanuj/css-flexbox-photo-gallery

2. Open the index.html file in your browser to view the gallery.
3. You can add more images by modifying the index.html and styles.css files.

Acknowledgements

Special thanks to FreeCodeCamp for the guidance and resources provided through the certification program.