shamscorner / wtf-css-unit

Sometimes finding the right css units can be a pain. This tool will help you to figure out the right css units for your project. Figure out your CSS unit with ease. All you need to do is just answer some questions. Inspired by whatunit.com.

WTF is CSS Units Anyway?

🚜 Under Active Construction (not finished yet)

Sometimes finding the right css units can be a pain. This tool will help you to figure out the right css units for your project. Figure out your CSS unit with ease. All you need to do is just answer some questions.

This project is highly inspired by whatunit.com. Check the awesome flowchart there.

This project is created from this awesome sveltekit starter template

TODOs

• Font size
• Spacing
• Positioning
• Details/effects
• Flex or grid
• Width or height on an element

Run on your local?

Rename .env-example to .env or .env.local

Install dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

Vercel deployment

Check here

Twitter