Today we looked at using flexbox to structure our websites as opposed to using floats and divs. Flexbox is a new method of structuring websites, in a responsive and intuitive way using two elements; flex containers and flex items. By setting the width and height of the flex container, the content (flex items) inside the container automatically shifts shape and location to fit the screen.
The benefits of using flexbox over floating is that the system is so simple to use, through functions like space-between, flex direction and more. These simple commands are one line of code that would previously have taken lots of time and frustration to code using divs and floats.
 |
| The website created entirely using flexbox |
The flexbox test site is
here.
Glad you enjoyed it. Dwayne
ReplyDelete