CSS GRID AREAS

Question

https://codepen.io/mstps/pen/QWWPGoO

czesc wszystkim

czy ktos moze mi wytlumaczyc dlaczego elementy nie chca sie "rozejsc" tak jak poustawialem pola w areas w gridzie ?

w VScode, elemnty mi wychodza pod rodzica, a w bracetsie, elementy zajmuja gorne cztery pola gridu. 

robilem juz kilka razy grida, ale szczerze to nie mam pojecia czemu to nie dziala tym razem, moze jakas mala drobnostka gdzies, ale po prostu tego nie widze. 

Answer 1

Na oko dwie rzeczy:

- używasz w codepenie zwykłego CSSa, a masz zagnieżdżony CSS?

- w grid-template-areas masz obszary w kształcie litery L; a MDN mówi

Unless those cells form a rectangle, the declaration is invalid.

Comments

a sorry za zagniezdzenia, w edytorze mam sassa, a skopiowalem w codepena na szybko, nawet nie zastanawiajac sie.

pomoglo z tym L, wiec tutaj byl problem, DZIEKI WIELKIE !
w takim razie czy jest jakas opcja, zeby zrobic grafike tak jak chcialem wlasnie w tym ksztalcie ?