VIZ CSS

viz-css is a html css tool for vizulizing HTML by applying the css styles like margin,padding,height,width,display etc.

Use cases

1. For teaching css to students
2. For learning to unknown or less known css properties
3. For explaining css styles for students who are new to the programming.

Roadmap

Currently this project is MVP only and it have many bugs but in future we will try to resolve them

Usage

1. For styling your component add your html in to code box
2. Your elements will shown in viz box (second box)
3. Select an element from the viz box. selected element will have the dotted border.
4. select the styles from css box and click on apply