Deprecated: sanitize_url is deprecated since version 2.8.0! Use esc_url_raw() instead. in /var/www/linuxwebdevelopment.com/wp-includes/functions.php on line 5211

Flexbox Quick Notes

Flexbox is quite an amazing CSS web layout model. While it may take a little bit of time to learn, it can help you create many more things with CSS more quickly and easily. I think it is more intuitive than previous CSS technologies like float. This article contains some simple notes made as a mind map, and are included in PNG format and also .mm format.

Flexbox Quick Overview

Flexbox is cutting edge CSS technology that allows you to position things in a web page extremely well. Many sites and new web technologies use Flexbox. Flexbox is also known as flex or the Flexible Box Module. But most often, you will see and hear flex or flexbox.

These notes were based on a chapter in a book I read here and also from other sources on flexbox that I read. While there is a lot one could write about flex, these notes I think distill much of the most important properties of flexbox in a mind map format.

Flex Notes As A PNG

flex notes

Flex Notes In Freeplane .mm format

Here you can download the same notes in Freeplane .mm format.

Did you like these notes? Do you have anything to add? Let’s discuss it in the comments below.

Leave a Reply

Your email address will not be published. Required fields are marked *