In this Flexbox manual we are going to deal in detail with one of the key CSS tools to be able to carry out a detailed and versatile content layout: Flexbox.
Flexbox are a set of new CSS attributes (properties) and values that we can apply to page elements that allow them to be positioned in different ways than previously available. It doesn’t mean that before you couldn’t do the things that Flexbox allows you to do today, but rather that to achieve them you had to use several techniques together and that now you obtain in a very simple way.
In short, with flexbox you will be able to do things almost immediately that are very difficult to achieve with traditional CSS, saving you time and headaches. Of course, it requires a detailed study and change the way of thinking when creating user interfaces or designing complete websites.
In the Flexbox manual you will be able to learn what this powerful standard is and how to apply it in real examples of web design. We will begin by explaining what Flexbox is, to then learn about the available attributes, both for Flex containers and for the elements that we place inside an element under display: flex;. Finally we will see some useful examples of applications that we can make with Flexbox, as a practice, that will allow you to let go with this new standard and find use cases where to use it.
Flexbox is not difficult to learn, but instead it will provide you with endless resources, thanks to which working with CSS will be much more fun and rewarding.
Facebook Comments
Disqus