Flexbox Zombies

• Chapter 1
• Chapter 2
• Chapter 3
• Chapter 4
• Chapter 5
• Chapter 6
• Chapter 7
• Chapter 8
• Chapter 9
• Chapter 10
• Chapter 11
• Chapter 12
• CHALLENGES

Chapter 1: The Crossbow : flex-direction

Aiming East

Aiming West

Aiming South

Aiming North

Chapter 2 : The Justify Laser : justify-content

East Distance Shot

West Distance Shot

South Distance Shot

Clever Tactics

The Space Between

Devious Attack

Chapter 3: The Alignment Lasers : align-items

Start from the Top

Start from the Left

Ens at the Bottom

End at the Right

Tricky Strechy Trick

A Centering Obsession

Chapter 4 : One of These Things is Not Like the Others : align-self

Classic One-Off

Meat Shield

How Very self-Centered

Multiple Overrides

Lucky Guess

Chapter 5

All This Extra Space

Just the Way it Grows

All About the Ratio

Even Zombies Feel Greed

Don't Wanna Grow

Chapter 6 : That Shrinking Feeling : flex-shrink

The Path of Least Resistance

Tricky Shrinking Tactics

Generous Little Goo

No Shrink For You

Highly Adaptive

Chapter 7 : In a Perfect World : flex-basis

What About Min Width?

What About Max Width?

Not Just For Width

So Many Ways To Basics

5.No Guarantess

On Auto Pilot

When Things Shrink

When Things Grow

Chapter 8 : Out of Order : order

Order Matters

Watch Your Six

Vertical Order

Back of the Line!

Font of the Line!

Number Game

Chapter 9 : Get Your Own Line : flex-wrap

Plenty of Room

Only When We Have To

Vertical Wrap

Reverse All the Things

Good to Grow

Shrinking ass a Last Resort

Totally Justified

Chapter 10 : Read Between the Lines : align-content

Stretchy Lines

Up Top

Down Low

Same as Reading

Bunch in th Middle

Space Around the Lines

Read Between the Lines

Chapter 11 : Shortcut to the Kill : flex & flex-flow

The Flex

Grow & Shrink

Grow & Basis

Just Grow Yo

All ABout That Basics

Keep It Simple

One Last Optimization

Chapter 12 : To the Death

Challenges

Chapter 2: Challenges

Challenge 1

Challenge 2

Challenge 3

Challenge 4

Challenge 5

Challenge 6

Challenge 7

Challenge 8

Challenge 9

Chapter 3: Challenges

Challenge 1

Challenge 2

Challenge 3

Challenge 4

Challenge 5

Challenge 6

Challenge 7

Challenge 8

Challenge 9

Challenge 10

Challenge 11

Chapter 4: Challenges

Challenge 1

Challenge 2

Challenge 3

Challenge 4

Challenge 5

Challenge 6

Challenge 7

Challenge 8

Chapter 5: Challenges

Challenge 1

Challenge 2

Challenge 3

Challenge 4

Challenge 5

Challenge 6

Challenge 7

Challenge 8

Challenge 9

Challenge 10

Challenge 11

Chapter 6: Challenges

Challenge 1

Challenge 2

Challenge 3

Challenge 4

Challenge 5

Challenge 6

Challenge 7

Challenge 8

Challenge 9

Challenge 10

Challenge 11

Chapter 7 : Challenges

Challenge 1

Challenge 2

Challenge 3

Challenge 4

Challenge 5

Challenge 6

Challenge 7

Challenge 8

Challenge 9

Challenge 10

Chapter 8 : Challenges

Challenge 1

Challenge 2

Challenge 3

Challenge 4

Challenge 5

Challenge 6

Challenge 7

Chapter 9 : Challenges

Challenge 1

Challenge 2

Challenge 3

Challenge 4

Challenge 5

Challenge 6

Challenge 7

Challenge 8

Chapter 10 : Challenges

Challenge 1

Challenge 2

Challenge 3

Challenge 4

Challenge 5

Challenge 6

Chapter 11 : Challenges

Challenge 1

Challenge 2

Challenge 3

Challenge 4

Challenge 5

Chapter 12 : Challenges

Challenge 1

Challenge 2

Challenge 3

Challenge 4

Challenge 5

Challenge 6

Challenge 7

Challenge 8

Challenge 9