From the course: CSS Layouts: From Float to Flexbox and Grid
Unlock the full course today
Join today to access over 24,900 courses taught by industry experts.
Orientation with flex-direction and flex-wrap - CSS Tutorial
From the course: CSS Layouts: From Float to Flexbox and Grid
Orientation with flex-direction and flex-wrap
- [Instruktor] Ranije u ovom kursu smo razgovarali o korišćenju svojstva prikaza za poravnavanje elemenata kao inline ili blok ili inline-block. Što bi se u suštini moglo koristiti za kreiranje redova i kolona, ali sa nekoliko hirova. Isto je i sa plovcima, sa flekbok-om, flek stavke se lako mogu rasporediti u redove ili kolone bez ikakvih dodatnih ispravki. Flekbok poravnava stavke na osnovu dve ose, glavne ose i poprečne ose. Stavke su takođe raspoređene na osnovu početne i krajnje tačke. Glavni početak i glavni kraj na glavnoj osi i unakrsni početak i unakrsni kraj na poprečnoj osi. Pravac glavne ose određen je svojstvom flek-pravca. Kada je smer flek-podešen na red, što je podrazumevano, glavna osa je horizontalna, a glavni početak i glavni kraj će se odvijati s leva na desno počevši od leve strane. Kada su flek stavke postavljene na kolone, glavna osa je vertikalna i glavni kraj radi od vrha do dna počevši od vrha.…
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
-
-
-
-
-
Getting started with Flexbox2m 41s
-
(Locked)
Orientation with flex-direction and flex-wrap2m 37s
-
(Locked)
Flexible sizing5m 18s
-
(Locked)
Sizing multiple flex items1m 18s
-
(Locked)
The order property54s
-
(Locked)
Nesting flex containers3m 40s
-
(Locked)
Exercise: Build a layout with Flexbox, part 16m 29s
-
(Locked)
Exercise: Build a layout with Flexbox, part 23m 16s
-
-
-