Kādi ir galvenie īpašību nosaukumi?
Galvenie ir grid-template, grid-column, grid-row, display:grid, display:inline-grid un grid-gap!
Kā atšķirās display:grid un display:inline-grid?
Šis ir display:grid! Tas aizņem visu iespējamo platumu.
Šis ir display:inline-grid! Tas aizņem tikai nepieciešamo platumu.
Kā izveidot noteiktas kolonnas un rindas izmantojot CSS Grid?
Lietojot grid-template vai grid-template-columns un grid-template-rows.
Var specifizēt lielumu kā vēlās, lietojot fr, px, repeat(), % vai auto!
Kādi ir galvenie izvietošanas veidi, ko var izmantot CSS Grid?
Lietojot grid-column un grid-row. Pirmajā izmanto tikai tos, bet otrajā izmanto span!
Kā varētu izmantot CSS Grid, lai radītu responsīvus izkārtojumus?
Visvienkāršākais būtu izmantot fr!
Kādas ir galvenās atšķirības starp CSS Grid un Flexbox, un kādos gadījumos katru no tiem vajadzētu izmantot?
Grid
- Var izmantot gan rindai, gan kolonnai.
- Paradzēta lielākiem izklājumiem
- Precīzāk kontrolēt horizontālo un vertikālo izklājumu.
Flexbox
- Var izmantot tikai rindai vai tikai kolonnai.
- Paradzēta nelieliem izklājumiem.
- Vieglāk strādāt ar dinamisku saturu