https://github.com/saahiyo/generate_box

A project made for generating box css based on user range input
https://github.com/saahiyo/generate_box

Last synced: 7 months ago
JSON representation

A project made for generating box css based on user range input

• Host: GitHub
• URL: https://github.com/saahiyo/generate_box
• Owner: saahiyo
• Created: 2023-12-03T09:54:38.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-03T10:25:10.000Z (almost 2 years ago)
• Last Synced: 2025-01-14T03:36:11.227Z (9 months ago)
• Language: JavaScript
• Homepage: https://saahiyo.github.io/generate_box/
• Size: 108 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# generate Box Project

🚀 Welcome to the Resizable Box project! 📦

This project showcases a responsive and interactive resizable box implemented using HTML, CSS, and JavaScript. Easily adjust the box dimensions with the provided sliders, and explore the generated CSS code.

## Features

- Dynamic resizing of the box using sliders.

- Real-time update of CSS code reflecting changes.

- Clean and organized code structure.

## How to Use

1. Clone the repository.

2. Open the `index.html` file in your browser.

3. Use the height and width sliders to resize the box.

4. Explore the generated CSS code in real-time.

## Preview

![Resizable Box Preview](demo.png)

## Technologies Used

- HTML

- CSS

- JavaScript

## Contributing

Feel free to contribute by opening issues or creating pull requests. Your feedback is highly appreciated!

Happy Coding! 👩‍💻👨‍💻