Skip to content

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.

License

Notifications You must be signed in to change notification settings

shamscorner/wtf-css-unit

Repository files navigation

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

About

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.

Topics

Resources

License

Stars

Watchers

Forks