Dun-sin / Code-Magic

Code Generator - Easily Generate CSS and Tailwind code based on your choice and input

Home Page:https://code-magic.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[BUG] Animation and Transform preview not in center.

VishakhaSainani opened this issue · comments

Description

DESCRIPTION

The preview of animator and transformer was on top left position , so it was not visually effective. Thus, need to make it centered. Also make it mobile responsive.

Screenshots

Before Screenshot :

Code Magic - Google Chrome 22-10-2023 01_01_10

After Screenshot:

Code Magic - Google Chrome 22-10-2023 01_01_17
Code Magic - Google Chrome 22-10-2023 01_01_25

Mobile responsive screenshot after update :

Code Magic - Google Chrome 22-10-2023 01_03_44

Additional information

No response

🥦 Browser

Google Chrome

👀 Have you checked if this issue has been raised before?

  • I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

Are you willing to work on this issue?

Yes I am willing to submit a PR!

It's great having you contribute to this project by creating an issue

Make sure you are assigned to this before you work on it and you read the Contributing.md file, Thank you! Welcome to the community 🤓

@Dun-sin Please assign this issue to me. PR is ready with me. Thankyou :)

Not accepted, thanks for raising

@Dun-sin May I know why you don't want the preview in center, it will look better that way?