1.1. Grid bevezető: Mi az a Grid?


A CSS-ben vannak feladatok, amelyeket könnyű megoldani, és vannak olyanok is, amelyeket komikusan nehéz. Ha próbáltál már függőlegesen középre rendezni egy elemet, tudod, hogy mire gondolunk. Jellemzően akkor kezd fájdalmassá válni a CSS-sel való munka, amikor nagyobb, komplexebb layoutokat szeretnénk létrehozni.

Ezzel a CSS készítői is tisztában vannak, és nemrég végre hozzáadtak a nyelvhez két remek modult, amelyek kifejezetten a layoutok építését hivatottak könnyűvé tenni. Az egyiket Gridnek, a másikat pedig Flexboxnak hívják. Ebben a modulban az előbbiben mélyedünk el részletesen, de a kurzus során a másik is előkerül majd.

Szóval, mi is pontosan az a Grid? Egy olyan layout modul, amellyel könnyedén elhelyezhetsz különböző elemeket egy weboldalon, két dimenzióban.

A fejlesztés során a nagyobb elemek (mint például a header, a footer, a fő tartalom, a sidebar stb.) elhelyezésére szoktuk használni.

Vizuálisan ezt nagyjából így képzeld el:

Következő lecke  
Hozzászólások

0 hozzászólás