From the course: CSS Layouts: From Float to Flexbox and Grid

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Create a basic Grid layout

Create a basic Grid layout - CSS Tutorial

From the course: CSS Layouts: From Float to Flexbox and Grid

Start my 1-month free trial Buy for my team

Create a basic Grid layout

“

- [Instruktor] Da biste započeli sa Grid-om, prvo se mora definisati kontejner mreže. Slično rasporedu flekbok-a, mreža-kontejner je roditeljski element, a direktni potomci elementi su stavke mreže. Da biste definisali kontejner mreže, koristite osobinu prikaza. I mreže i inline-grid vrednosti će označiti potomke elemente kao stavke mreže. Sa mrežnom vrednošću, kontejner će biti prikazan kao element na nivou bloka i slagati će se na vrh drugih mrežnih kontejnera. Sa inline-grid vrednosti, grid stavke će i dalje prikazati u koloni, ali osim ako nije drugačije definisano, grid-kontejner i grid stavke će biti iste širine kao i njihov sadržaj. Mreža-kontejner će takođe prikazati inline, i da će se postrojiti sa drugim inline-grid kontejnera. Da biste kreirali kolone i redove, koristite svojstvo kolona šablona mreže i svojstvo redova šablona mreže definisano u kontejneru mreže. Vrednosti se mogu deklarisati sa procentom ili bilo…

Contents