# The Complete Illustrated Flexbox Tutorial

**URL:** <https://community.thunkable.com/t/the-complete-illustrated-flexbox-tutorial/37200>\
**Category:** Questions about Thunkable X\
**Created:** [July 23, 2018, 1:58pm UTC](https://community.thunkable.com/t/the-complete-illustrated-flexbox-tutorial/37200 "2018-07-23T13:58:08Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [July 23, 2018, 1:58pm UTC](https://community.thunkable.com/t/the-complete-illustrated-flexbox-tutorial/37200/1 "2018-07-23T13:58:08Z")

</div>

I saw a fairly interesting page, which clearly explains the use of Flexbox. This information will help to understand how the work with markup in Thunkable X takes place.

> **[The Complete Illustrated Flexbox Tutorial – freeCodeCamp](https://medium.freecodecamp.org/the-complete-illustrated-flexbox-tutorial-d35c085dbf35?gi=63155e9f3ae1)**
>
> If you wish to support my work, CSS Visual Dictionary is my book. All diagrams in this tutorial were taken directly from the manuscript!

---

<div class="post-metadata">

**Author:** ![albert](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/albert/32/4077_2.png) [@albert](https://community.thunkable.com/u/albert)\
**Post date:** [July 23, 2018, 8:25pm UTC](https://community.thunkable.com/t/the-complete-illustrated-flexbox-tutorial/37200/2 "2018-07-23T20:25:04Z")

</div>

Thanks for sharing this!

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:01pm UTC](https://community.thunkable.com/t/the-complete-illustrated-flexbox-tutorial/37200/3 "2024-11-08T12:01:11Z")

</div>