# Learn CSS Grid and Flexbox - the easy way

**URL:** <https://forum.devtalk.com/t/learn-css-grid-and-flexbox-the-easy-way/34298>\
**Category:** Blogs/Articles/Talks/Podcasts\
**Tags:** css, video, flexbox\
**Created:** [27 December 2021 21:00 UTC](https://forum.devtalk.com/t/learn-css-grid-and-flexbox-the-easy-way/34298 "2021-12-27T21:00:21Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![AstonJ](https://forum.devtalk.com/user_avatar/forum.devtalk.com/astonj/32/7_2.png) [@AstonJ](https://forum.devtalk.com/u/AstonJ)\
**Post date:** [27 December 2021 21:00 UTC](https://forum.devtalk.com/t/learn-css-grid-and-flexbox-the-easy-way/34298/1 "2021-12-27T21:00:21Z")

</div>

I can’t remember who was asking about CSS tuts now… but these just showed up on my YouTube feed and look pretty good/up to date :023:

[![](https://img.youtube.com/vi/rg7Fvvl3taU/maxresdefault.jpg "Learn CSS Grid the easy way") ](https://www.youtube.com/watch?v=rg7Fvvl3taU)

[![](https://img.youtube.com/vi/u044iM9xsWU/maxresdefault.jpg "Learn flexbox the easy way") ](https://www.youtube.com/watch?v=u044iM9xsWU)

---

<div class="post-metadata">

**Author:** ![chaptuck](https://forum.devtalk.com/user_avatar/forum.devtalk.com/chaptuck/32/3397_2.png) [@chaptuck](https://forum.devtalk.com/u/chaptuck)\
**Post date:** [30 December 2021 14:43 UTC](https://forum.devtalk.com/t/learn-css-grid-and-flexbox-the-easy-way/34298/3 "2021-12-30T14:43:32Z")

</div>

Kevin Powell has a great channel. His videos have been great helping me improve the design and usability of the apps I build.

---

<div class="post-metadata">

**Author:** ![AstonJ](https://forum.devtalk.com/user_avatar/forum.devtalk.com/astonj/32/7_2.png) [@AstonJ](https://forum.devtalk.com/u/AstonJ)\
**Post date:** [30 December 2021 16:00 UTC](https://forum.devtalk.com/t/learn-css-grid-and-flexbox-the-easy-way/34298/4 "2021-12-30T16:00:22Z")

</div>

Any favourites in particular Tucker? Feel free to add them here 😃

---

<div class="post-metadata">

**Author:** ![LadislavSzolik](https://forum.devtalk.com/user_avatar/forum.devtalk.com/ladislavszolik/32/3713_2.png) [@LadislavSzolik](https://forum.devtalk.com/u/LadislavSzolik)\
**Post date:** [30 December 2021 16:52 UTC](https://forum.devtalk.com/t/learn-css-grid-and-flexbox-the-easy-way/34298/5 "2021-12-30T16:52:22Z")

</div>

I love interactive examples,  
Luna from Google created a glitch which demos few commonly used flex/grid techniques, I have it as a bookmark 🙂

[https://1linelayouts.glitch.me](https://1linelayouts.glitch.me)

 ![image](https://forum.devtalk.com/uploads/default/original/2X/e/e69aca6292e9f4c4ff642ec13498f49061282284.jpeg)

---

<div class="post-metadata">

**Author:** ![chaptuck](https://forum.devtalk.com/user_avatar/forum.devtalk.com/chaptuck/32/3397_2.png) [@chaptuck](https://forum.devtalk.com/u/chaptuck)\
**Post date:** [5 January 2022 21:39 UTC](https://forum.devtalk.com/t/learn-css-grid-and-flexbox-the-easy-way/34298/6 "2022-01-05T21:39:21Z")

</div>

> Any favourites in particular Tucker? Feel free to add them here 😃

Not strictly CSS but his [video on Typography](https://www.youtube.com/watch?v=6ardZEhjvV0) helped me improve the text on my own website.

His [“CSS battles” videos](https://www.youtube.com/kepowob/search?query=css%20battles) are also really fun to learn some CSS tricks that you probably shouldn’t use on a website 😉.

---

<div class="post-metadata">

**Author:** ![AstonJ](https://forum.devtalk.com/user_avatar/forum.devtalk.com/astonj/32/7_2.png) [@AstonJ](https://forum.devtalk.com/u/AstonJ)\
**Post date:** [6 January 2022 19:00 UTC](https://forum.devtalk.com/t/learn-css-grid-and-flexbox-the-easy-way/34298/7 "2022-01-06T19:00:42Z")

</div>

A post was split to a new topic: [Flexbox Froggy and CSS Grid Garden](https://forum.devtalk.com/t/flexbox-froggy-and-css-grid-garden/35437)

---

<div class="post-metadata">

**Author:** ![AntonRich](https://forum.devtalk.com/user_avatar/forum.devtalk.com/antonrich/32/3165_2.png) [@AntonRich](https://forum.devtalk.com/u/AntonRich)\
**Post date:** [7 January 2022 07:02 UTC](https://forum.devtalk.com/t/learn-css-grid-and-flexbox-the-easy-way/34298/8 "2022-01-07T07:02:15Z")

</div>

Finished the video about flexbox yesterday. I felt it’s a bit too long, but the explanations are clear and informative.

---

<div class="post-metadata">

**Author:** ![AntonRich](https://forum.devtalk.com/user_avatar/forum.devtalk.com/antonrich/32/3165_2.png) [@AntonRich](https://forum.devtalk.com/u/AntonRich)\
**Post date:** [13 December 2022 10:30 UTC](https://forum.devtalk.com/t/learn-css-grid-and-flexbox-the-easy-way/34298/9 "2022-12-13T10:30:15Z")

</div>

By Luna did you mean Una?
