Dun-sin / Code-Magic

Code Generator - Easily Generate CSS and Tailwind code based on your choice and input
https://code-magic.vercel.app
MIT License
380 stars 202 forks source link

feat(grid layout generators): CSS layout generation has been created #483

Closed Thilakmani-dev closed 11 months ago

Thilakmani-dev commented 11 months ago

CSS grid layout generation has been created

The number of rows and columns for the grid can be obtained from the user's input, and it can be previewed in CSS grid preview, User can get the CSS code and tailwind class for the generated CSS grid

Resetting inputs will clear the preview

I have put CSS grid generation under CSS layout generation list, because in future, we can add other layouts under CSS layout generation list

Features planned to add in the future

Column gap and row gap can be added to generate a CSS grid more accurately

Fixes Issue

My PR closes #434

πŸ‘¨β€πŸ’» Changes proposed(What did you do ?)

βœ”οΈ Check List (Check all the applicable boxes)

Note to reviewers

πŸ“· Screenshots

Initial stage

Screenshot 2023-10-02 at 12 16 54β€―PM

When entering the number of rows and columns

Screenshot 2023-10-02 at 12 17 17β€―PM

After copying the CSS code

Screenshot 2023-10-02 at 12 17 10β€―PM
vercel[bot] commented 11 months ago

The latest updates on your projects. Learn more about Vercel for Git β†—οΈŽ

Name Status Preview Comments Updated (UTC)
code-magic βœ… Ready (Inspect) Visit Preview πŸ’¬ Add feedback Oct 2, 2023 7:03am
Dun-sin commented 11 months ago

@Thilakmani-dev you have an error to fix: image

and your PR description too

Thilakmani-dev commented 11 months ago

@Thilakmani-dev you have an error to fix: image

and your PR description too

i have checked that, fixing this @Dun-sin , thanks for mentioning that

Thilakmani-dev commented 11 months ago

@Thilakmani-dev you have an error to fix: image

and your PR description too

done

Dun-sin commented 11 months ago

:tada: This PR is included in version 2.68.0 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket:

Thilakmani-dev commented 11 months ago

You did great, thanks for contributing, I hope you will stick around and continue to contribute to this project.

Consider giving this project a star and joining the community discord server for more resources and opportunities to connect with others. πŸ‘‰πŸ½hereπŸ‘ˆπŸ½

Yes i will @Dun-sin , thanks for giving me this opportunity to contribute