Grid Layout Customizer

Columns:

Row Gap (px):

Column Gap (px):

Items:

Item Color:

Text Color:

How to Use

1. Adjust the number of columns (1-6) using the Columns input.
2. Control spacing between rows and columns using the Row Gap and Column Gap inputs.
3. Set the number of grid items using the Items input.
4. Customize grid item background and text color using the color pickers.
5. Copy the generated CSS and HTML code using the "Copy Code" button.