Sinisterly
Tutorial What is Flexbox and how to use it - HTML/CSS - Printable Version

+- Sinisterly (https://sinister.li)
+-- Forum: Design (https://sinister.li/Forum-Design)
+--- Forum: Tutorials (https://sinister.li/Forum-Tutorials--78)
+--- Thread: Tutorial What is Flexbox and how to use it - HTML/CSS (/Thread-Tutorial-What-is-Flexbox-and-how-to-use-it-HTML-CSS--95557)

Pages: 1 2


RE: What is Flexbox and how to use it - HTML/CSS - Mr.Kurd - 03-31-2018

(03-31-2018, 11:27 AM)Sikom Wrote: @'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.


RE: What is Flexbox and how to use it - HTML/CSS - KuhakuWolf - 03-31-2018

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


RE: What is Flexbox and how to use it - HTML/CSS - Altair - 03-31-2018

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


RE: What is Flexbox and how to use it - HTML/CSS - Sikom - 03-31-2018

(03-31-2018, 09:46 PM)Altair Wrote: 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.


RE: What is Flexbox and how to use it - HTML/CSS - Blink - 03-31-2018

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


RE: What is Flexbox and how to use it - HTML/CSS - Sikom - 04-01-2018

(03-31-2018, 11:27 PM)Inori Wrote: 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 Wink


RE: What is Flexbox and how to use it - HTML/CSS - Bish0pQ - 04-05-2018

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.


RE: What is Flexbox and how to use it - HTML/CSS - Synthx - 04-05-2018

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


RE: What is Flexbox and how to use it - HTML/CSS - Kyaa - 04-19-2018

I love this guide. Thanks for sharing.


RE: What is Flexbox and how to use it - HTML/CSS - eariel - 11-29-2023

very cool but old lets try it!