KickStyler - Responsive CSS Concept

Responsive CSS Concept

Go To Box 3

Go To Box 2

Diff Size 3

Small

Go To Box 4

Go To Box 5

This box only pops up on mobile sizes

3 to 1

3 to 1

3 to 1

66% to 100%

3 to 1

2 to 1 - Hide on mobile

2 to 1

4 to 2

4 to 2

4 to 2

4 to 2

25% - Hide on Mobile

75% to 100%

25% - Hide on Mobile

75% to 100% w/Nested 4 to 2

4 to 2

4 to 2

4 to 2

4 to 2

Centered Text
Vert & Horz

Centered Only

Centered Only

Centered Text
On Bottom

Golden Ratio
Auto Height vs Width

Golden Ratio
Auto Height vs Width

Box 1

Box 2

Box 3

Box 4

Centered Text
Vert & Horz

Fills The Screen

Send SMS/TextSend SMS/Text shows on mobile

Call us at 1-800-555-5555Phone shows on mobile

Box 5

Fills The Screen

Hidden on Desktop