CSS Grid Introducere. CSS Modulul Grid Layout. Grid Layout. Asistență browser. Proprietățiile grid. Elemente grid. Layout grid.

CSS Modulul Grid Layout

Grid Layout

CSS Grid Layout Module oferă un sistem de dispunere bazat pe grilă, cu rânduri și coloane, ceea ce facilitează proiectarea paginilor web fără a fi nevoie să folosiți plutitoare și poziționare (floats și positioning).



Asistență browser(Browser Support)

Proprietățiile grid sunt acceptate în toate browserele moderne.



Elemente grid

Un layout grid este format dintr-un element părinte, cu unul sau mai multe elemente copil.

Exemplu:

<div class="grid-container">
  <div class="grid-item">1</div>
  <div class="grid-item">2</div>
  <div class="grid-item">3</div>
  <div class="grid-item">4</div>
  <div class="grid-item">5</div>
  <div class="grid-item">6</div>
  <div class="grid-item">7</div>
  <div class="grid-item">8</div>
  <div class="grid-item">9</div>
</div>