Day 32 of #100DaysOfCode…
Topic: FLEX BOX...
Normally we use different positional properties such as absolute,relative etc to move element around in our page or position them where we want and we also use something like floats to create grid layouts or navigation system you know that kind of jazz.
we also come up with fixed heights for columns that we want to be equal in height. now a lot time we wrote CSS for this it seemed like a lot of work for what it achieved on the page so this is where CSS flex box comes in and just blows all that out of the water.
FLEXBOX: is just a new CSS display type designed to help us craft CSS layout much easier. so basically it lets us control the position,the size and spacing of elements relative to their parent elements and each other and also its very responsive.
BENEFITS OF USING FLEXBOX:
1. we can create navigation bars and menus really easily without having to use floats or worrying about collapsing of elements
2. its easier to create great layouts / grid layouts
3. its a good way to create bar charts
4. its a very easier way to create equal height and columns.
NOTE: not all browsers support flexbox so if you are using flexbox on your website remember to fall back for people who’s browsers don’t support flexbox..
that’s it for today…
chibueze ukaegbu Ugwuanyi Chidera Vincent Chibuike phavor sparks
