sampeterberg / photo-gallery

This project demonstrates the use of CSS Flexbox to build a responsive photo gallery. It showcases how Flexbox properties can be used to align and distribute images within a gallery layout, adjusting smoothly for different screen sizes.

CSS Flexbox Photo Gallery

This project is a demonstration of how to use CSS Flexbox to create a responsive photo gallery. The gallery layout adapts seamlessly to different screen sizes and showcases how Flexbox properties can be applied to align and distribute elements in a clean and organized way.

Features

• Responsive photo gallery design.
• Flexible layout that adapts to varying screen sizes.
• Utilizes CSS Flexbox for dynamic alignment and spacing of images.
• Easy to extend and customize for personal or professional use.

Technologies Used

• HTML5
• CSS3 (Flexbox)

Project Structure

• index.html: Contains the structure and layout of the photo gallery.
• styles.css: Holds the CSS rules utilizing Flexbox properties to create the responsive layout.