[Mr.Kurd]

@'ender' @'bish0pq' @'mr.kurd' and @'mothered'
Would you guys be interested in a tutorial on the new CSS Grid Layout. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike flex-box which is mainly a 1-dimensional system.

That tutorial would be a bit longer than this one, so it will take quite a bit more work, hence me asking.

One thing that has to be noted is that CSS Grid Layout is so new that only newer versions support it.

Desktop
Chrome
57        

Opera
44        

Firefox
52
     
IE
11*

Edge
16      
 
Safari
10.1

*Supports the old syntax

Mobile / Tablet
iOS Safari
10.3

Opera Mobile
No

Opera Mini
No

Android
62

Android Chrome
64

Android Firefox
57

yeah sure, but why don't you start a CSS course for beginners it would be better.

[KuhakuWolf]

Really easy to understand, nice layout and actually learnt something.
Thank you

[Altair]

Btw there is a frog game which teaches flexbox very nice while entertaining, you can check this out: flexboxfroggy.com/

[Sikom]

Btw there is a frog game which teaches flexbox very nice while entertaining, you can check this out: flexboxfroggy.com/

I played through it and it seemed very nice. I will include this in the thread.

[Blink]

You have no idea how many notifications I've gotten from this thread

[Sikom]

You have no idea how many notifications I've gotten from this thread

I was quite confused since I didn't think I tagged Inori. Then I saw you text...
ffs Ender....

I do have a clue about how many you got. About 20? Sorry not sorry

[Bish0pQ]

I got tagged into this quite a few times as well, I did read the tutorial and it's very good formatted. I don't work a lot with front-end but when I do, this will come to good use. Thanks for sharing this.

[Synthx]

Thanks for this great tutorial, I've been curious about flexbox. Great thread man!

[Kyaa]

I love this guide. Thanks for sharing.

[eariel]

very cool but old lets try it!