Element nie pobiera wielkości dziecka HTML/CSS

Question

https://jsfiddle.net/sL2hmwo0/

Wszystko widać, teraz moje pytanie, dlaczego te 2 elementy nachodzą na siebie?

Ul nie pobiera zawartości <a> dlaczego?

Answer 1

W tagu ul (CSS) ustawiasz na sztywno szerokość potomków (grid-template-columns: repeat(3, 5em);).

Comments

ale chodzi o wysokość

---

bo chodzi też o to że te elemty, rodzice, są mniejsze niż dzieci

---

Ustawić display: block; dla tagu a w nawigacji.

Answer 2

Dlatego, że masz ustawioną stałą szerokość 5em grid-template-columns: repeat(3, 5em); i się nie mieści. Może lepiej daj auto i grid-template-columns: repeat(3,auto);

Tak w ogóle to nie wiem czy dobrze robisz, bo jak dojdzie Ci więcej zakładek to Ci się nie pomieszczą i będą jedna pod drugą