Style Space Visualizer
HTML Body:Margin: 0px auto 0px auto; <= Not gonna mess with these values.
px <= Allsteel already has a gutter of 1640px, anything above this might not work for this tool.
TIP! Try to keep pixel values in multiples of 4, if you can manage 8 or 16 that's even better. A lot of our sites use the rem unit on a scale of 1rem = 16px.
rem = 1600 pxpx = 1 rem
Think of this container as one giant row with multiple rows within it.
px
px
px
<= Click in case the dropdowns are showing incorrect information.
Container Info:
px
px
px
<= Click in case the dropdowns are showing incorrect information.
Below are flex containers, but for our purposes they will act as a rows with columns.
If you have the columns values added to something larger than 12, the sizes will be incorrect.
The containers may need to be closed in order to be spaced correctly.
2
8
2
Styling Info
1
10
1
Styling Info
3
6
3
Styling Info
3
9
Styling Info
9
3
Styling Info
12
Styling Info
3
3
3
3
Styling Info
4
4
4
Styling Info
4
8
Styling Info
8
4
Styling Info
6
6
Styling Info
1
3
3
3
1
Styling Info
Container Info: