<
Component
/>
1200
Global
{
:
}
Press ENTER, or ESC:
Make div
Make Img
Wrap
Kill Parent
Drop Image File
The currently selected element will become an image
r:
Toggle raw CSS mode
d:
Duplicate selected element
z:
Create a new div
c:
Create a new div (with parameter true)
f:
Flex direction (column, row, column-reverse, row-reverse)
g:
Background color (black, white, open color picker)
/:
Toggle breakpoint mode
j:
Justify content (flex-start, flex-end, center, space-between, space-evenly)
b:
Box sizing (border-box, content-box)
a:
Align items (flex-start, flex-end, center)
t:
Text align (left, center, right)
l:
Position (relative, absolute, fixed)
m:
Edit margin
w:
Edit width or max-width
h:
Edit height
left arrow:
Adjust left spacing or move element before
right arrow:
Adjust right spacing or move element after
down arrow:
Adjust bottom spacing or move element after
up arrow:
Adjust top spacing or move element before
space:
Open direct input
p:
Edit padding
x:
Delete selected element