2

3

4

5

6

7

8

9

10

11

12

13

Minor Breakpoint

z.B. Änderung der

Subnavigation und Sidebar

Smartphones 3“ – 4,8“ Tablets 7“ – 10“ Computer 11“ – 27“

Grid 2: Standard Web Version (>= 768px) Grid 1: Mobile Version (< 768px)

320px 480px 768px 981 px (tbd) 1280px

Flexibles Verhalten 320 px – 767 px

Prozentuale Skalierung von Bildern und

Texten, flexible Textumbrüche

Major Breakpoint

Änderung des Rasters

und der Navigation

Flexibles Verhalten 768 px – 981 px

Prozentuale Skalierung von Bildern und

Texten, flexible Textumbrüche

Flexibles Verhalten 981 px – 1280 px

Prozentuale Skalierung von Bildern und

Texten, flexible Textumbrüche

Zentrierte Anordnung

> 1280 px

14

15

16

17

18

19

20

21

22

23

24

•

•

•

•

•

•

•

•

25

26

27 27

28

29

30

31

32

33

34

××

35

36

37

38

39

40

41