Wie entsteht diese (eingezeichnete) HÖHE???

[MudGuard]

Hi,

#MainNavi li:nth-child(1n) {display: flex; flex: 1.1; justify-content: center; align-items: center; border: 1px dotted yellow;}

wozu hier das n beim nth-child? Sollen wirklich alle li an den Positionen 1, 2, 3, 4, ... betroffen sein?

#MainNavi li:nth-child(2n){display: flex; flex: 1.4; justify-content: center; align-items: center; border: 1px dotted yellow;}

wozu hier das n beim nth-child? Sollen wirklich alle li an den Positionen 2, 4, 6, 8, ... betroffen sein?

#MainNavi li:nth-child(3n), #MainNavi li:nth-child(4n) {display: flex; flex: 1; justify-content: center; align-items: center; border: 1px dotted yellow;}

wozu hier das n beim nth-child? Sollen wirklich alle li an den Positionen 3, 6, 9, 12, ... bzw. 4, 8, 12, 16, ... betroffen sein?

#MainNavi li:nth-child(5n) {display: flex; flex: 2.8; justify-content: center; align-items: center; border: 1px dotted yellow;}

wozu hier das n beim nth-child? Sollen wirklich alle li an den Positionen 5, 10, 15, 20, .. betroffen sein?

Wenn Du genau das 42. child haben willst, dann :nth-child(42), NICHT :nth-child(42n).

cu,
Andreas a/k/a MudGuard