Kako napraviti svoj grid 1
Veoma dobar početak vazan za web dizajn je razumevanje koncepta grida, koji se sastoji praktično od 12 kolona i njihovom kombinacijom gradimo dizajn. Kroz praksu na kursevima u školi IT fusion sam provlačio to u prvom delu front end kursa i to je polaznicima odlično „leglo“ jer na tom konceptu je baziran i bootstrap, kao i svi ostali grid frejmvorci.
Ovo je prva od 2 radionice, gde prolazimo postavku samog grida i jedan mini projekat gde ga koristimo.
Na samom početku radionice prolazimo i kroz float pravilo na kojem je bio zasnovan tradicionalni CSS, pre dolaska Flexbox-a. Svakako nezaobilazna tehnika i mora da se zna, generalno u CSS-u mora bukvalno sve da se zna.
Po mom mišljenu razumevanje redova i kolona je prva stavka koju treba razumeti i generalno dizajn se na tome i zasniva da složimo neke elemente u kolone i da imamo neke redove i sekcije koje mogu da se preklapaju, ovaj deo je interesantan jer je veoma kreativan.
Svakako predlažem da ispratite raspored radionica na sajtu Webcon i pridružite nam se live.
Uz video imate i kod na github servisu.
https://github.com/slobodanmiric/grid-pomocu-float-pravila
Napišite odgovor ili komentar