This project is a part of the JavaScript30 challenge by Wes Bos, where participants build 30 different projects using only HTML, CSS, and vanilla JavaScript. In this particular project, we created and image gallery with 5 image panels that change size when the user clicks on each individual one to reveal the image and hide/unhide text.
- CSS & JavaScript functionality to reveal images and text using animation upon click.
- Web browser (Chrome, Firefox, Safari, etc.)
- Clone the repository:
git clone https://github.com/lawlawson/JS30-Flex-Panels.git
- Navigate to the project directory:
cd JS30-Flex-Panels
- Open
index.html
in your preferred browser.
- Click on a panel to hide or unhide the image and text.
- Enjoy the image and meaningful text.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the project.
- Create your feature branch (
git checkout -b feature/AmazingFeature
). - Commit your changes (
git commit -m 'Add some AmazingFeature'
). - Push to the branch (
git push origin feature/AmazingFeature
). - Open a pull request.
- Thanks to Wes Bos for the JavaScript30 challenge and inspiration.