CSS 18 | Flexbox

Demo: https://goo.gl/lul110 Qaynaqlar: https://www.dropbox.com/s/l7mkz7zqd1w0vcp/web.zip Flexbox Playground 1: https://goo.gl/2slGix Flexbox Playground 2: https://goo.gl/oPRVAl Flexbox Game 1: http://flexboxfroggy.com/ Flexbox Game 2: http://flexboxdefense.com/ Facebook: https://facebook.com/kamil.niftaliev Tanış olduğumuz yeni parametrlər: flex-direction - flex elementlərin axın istiqamətini təyin edir justify-content - flex elementləri horizontal istiqamətdə yerləşdirir align-items - flex elementləri vertikal istiqamətdə yerləşdirir align-content - flex elementlərin sətirlərini vertikal istiqamətdə yerləşdirir flex-wrap - flex konteyner bir və ya bir neçə sətirdən ibarət olacaqını təyin edir flex-flow - flex-direction və flex-wrap parametrlərini bir parametrdə cəmləmək üçün istifadə edilir order - flex elementlərin sırasını təyin edir align-self - flex elementləri ayrı-ayrılıqda yerləşdirir flex-grow - flex elementlərin flex konteynerin daxilində boş ərazi qaldığı halda çoxalma əmsalını təyin edir flex-shrink - flex elementlərin flex konteynerin daxilində boş ərazi qaldığı halda azalma əmsalını təyin edir flex-basis - flex-direction parametrindən asıllı olaraq flex elementlərin enini və hündürlüyünü təyin edir flex - flex-grow, flex-shrink və flex-basis paramterlərinin təyinatların özündə cəmləyir