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

Grid vs. Flexbox - CSS Tutorial

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

Start my 1-month free trial Buy for my team

Grid vs. Flexbox

“

- [Narator] Glavna razlika između Grid i Flekbok je Flekbok je dizajniran za jednodimenzionalne rasporede ili red ili kolonu. Ali, kao što smo videli u našoj poslednjoj vežbi rasporeda, postoje načini da koristite Flekbok za kreiranje izgleda redova i kolona bilo omotavanjem flek stavki ili gnežđenjem flek kutija. Ali čak i sa ovim tehnikama flek i dalje radi samo u jednoj dimenziji. Iako ovo nije nužno loša stvar, Grid je generalno bolji za rad sa redovima i kolonama u isto vreme. Za to je dizajniran. Na primer, Grid kreira rasporede koji se poravnavaju duž obe dimenzije čak i ako kutije nisu iste veličine ili u istom položaju. U rasporedu Flekbok-a, svaki red ili kolona poravnava svoje stavke nezavisno od drugih redova ili kolona. Između ova dva modela, Grid je noviji, ali sada kada su oba modula rasporeda VKSNUMKSC preporuke to ne znači da će Grid zameniti Flekbok. Svaki od njih ima svoje specijalitete. Iako obe ove metode mogu biti korisne za rasporede, Flekbok je odličan za raspodelu prostora stavki unutar iste ose. Veliki slučaj upotrebe bi bio za horizontalnu navigaciju, jer su stavke raspoređene u jednom pravcu. Mreža je idealna za rasporede koji zahtevaju veću kontrolu sa redovima i kolonama. Takođe se mogu koristiti zajedno. For example, you may create the Na primer, možete kreirati raspored stranice pomoću mreže, page layout with Grid, but align ali poravnati horizontalnu navigaciju sa Flekbok-om. your horizontal nav with Flexbox. The two layout modules do share Dva modula rasporeda dele neke zajedničke karakteristike i some common features and properties. svojstva. So as we go through the specification Dakle, dok prolazimo kroz specifikaciju, neki delovi će se some parts of it will feel familiar osećati poznato, jer smo upravo saznali za Flekbok. since we just learned about Flexbox.

Contents