Completed as part of the FreeCodeCamp.org Responsive Web Design course, this project focuses on implementing a photo gallery using CSS Flexbox. It incorporates CSS concepts like Flexbox, Responsiveness, Box Sizing, Image styling, and Psuedo Elements to create a dynamic and responsive photo gallery.
- CSS Flexbox: Utilized Flexbox for layout design and content alignment.
- CSS Responsiveness: Ensured the gallery adapts well to various screen sizes.
- CSS Box Sizing: Implemented proper box sizing for layout elements.
- CSS Image Styling: Styled images for better presentation within the gallery.
- CSS Psuedo Element: Employed Psuedo Elements for enhanced design features.
- HTML5
- CSS3
Explore this project to understand the implementation of CSS Flexbox for creating a responsive photo gallery. Learn about other CSS techniques like Responsiveness, Box Sizing, Image Styling, and Psuedo Elements applied in the project. The live demo can be viewed here
Contributions aimed at refining code structure, improving design, or adding features are welcome. Fork this repository, make necessary changes, and submit a pull request for review.
This project was developed as part of the FreeCodeCamp.org curriculum on responsive web design. Grateful for the support and resources provided by the FreeCodeCamp community.