Prev Next

07g flex: justify-review

Solve the puzzles.

element {
  display: flex;
  flex-direction: row | column;
  align-items: start | center | end;
  justify-content: start | center | end | space-around | space-between;
}

Puzzle 01

answer

your code

Puzzle 02

answer

your code

Puzzle 03

answer

your code

Puzzle 04

answer

your code

Puzzle 05

answer

your code

Puzzle 06

answer

your code

Puzzle 07

answer

your code

Puzzle 08

answer

your code

Puzzle 09

answer

your code

Puzzle 10

answer

your code

Puzzle 11

answer

your code

Puzzle 12

answer

your code

Puzzle 13

answer

your code

Puzzle 14

answer

your code

Puzzle 15

answer

your code

Puzzle 16

answer

your code

Puzzle 17

answer

your code

Puzzle 18

answer

your code

Puzzle 19

answer

your code

Puzzle 20

answer

your code