This project demonstrates a CSS Grid-based layout with multiple items arranged in a flexible and responsive grid system.
- Uses CSS Grid to display 9 items.
- The grid layout adapts to different screen sizes.
- Smooth transition effect applied to the grid items.
- Each grid item has a unique background color.
- HTML: Defines the structure of the grid with 9 items inside a container.
- CSS: Styles the grid layout, specifying the number of rows and columns, along with gap spacing and transition effects.
- Clone the repository.
git clone https://github.com/praveenjadhav1510/grid-layout-project.git
- Navigate to the project directory.
cd grid-layout-project - Open the
index.htmlfile in your browser.
- HTML5
- CSS3 (CSS Grid)
This project is licensed under the MIT License - see the LICENSE file for details.
Below is a screenshot of the grid layout in action:
