From the course: CSS Layouts: From Float to Flexbox and Grid
Unlock this course with a free trial
Join today to access over 25,500 courses taught by industry experts.
Positioning with Grid - CSS Tutorial
From the course: CSS Layouts: From Float to Flexbox and Grid
Positioning with Grid
- [Ženski glas] Sada kada smo prešli na to kako da kreiramo mrežu i definišemo redove i veličine kolona, hajde da pričamo o tome kako da pozicioniramo stavke na mreži. Mrežne linije dele mrežu na kolone i redove i numerisane su s leva na desno i odozgo na dno. I vertikalne i horizontalne linije mreže počinju u jednom. Za jezike s leva na desno kao što je engleski, linija jedan počinje na levoj strani mreže. A stavka će obuhvatiti jednu mrežnu ćeliju, koja se završava na drugoj liniji. Ako radite na jeziku s desna na levo, onda su linije mreže numerisane s desna na levo počevši sa desne strane. Takođe možete koristiti negativan numerički indeks da biste upućivali na suprotni kraj mreže. Podrazumevano, stavke se pojavljuju u istom redosledu kao i HTML unutrašnji smešten u jednu mrežnu ćeliju. Možemo da promenimo položaj stavki mreže tako što ćemo odrediti početnu i završnu liniju sa sledećim svojstvima. Početak mrežne kolone, kraj…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
Grid vs. Flexbox1m 40s
-
Grid, grid systems, and CSS Grid2m 48s
-
(Locked)
Create a basic Grid layout4m 58s
-
(Locked)
Columns, rows, and gutters with Grid3m 44s
-
(Locked)
Positioning with Grid3m 41s
-
(Locked)
Exercise: Build a layout with Grid4m 28s
-
(Locked)
Exercise: Create a sticky footer with Grid3m 39s
-
-