Prev Next

07c flex: align

Solve the puzzles. Change the align-items property to start, center, or end.

element {
  display: flex;
  flex-direction: row;
  align-items: start;
}

element {
  display: flex;
  flex-direction: row;
  align-items: center;
}

element {
  display: flex;
  flex-direction: row;
  align-items: end;
}

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