article

GUIDE - flexbox

[WHAT]

1. [] comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser support chart.

[WHY]

1. [] The main idea behind the flex layout is to give the container the ability to alter its items' width/height (and order) to best fill the available space..."

[WHERE]

1. [] http://css-tricks.com/snippets/css/a-guide-to-flexbox/

[WHEN]

1. [] designing web page/site layouts

[EXAMPLE]

1. [] https://codepen.io/anon/pen/vZegMK?editors=1100 - Codepen by captain anonymous that demonstrates the use of many of the flexbox layout features
   

[HOW-TO]

1. []

[REFERENCE]

1. ] css flexbox essentials ] by devtips - https://www.youtube.com/watch?v=G7EIAgfkhmg - w/codepen

 

Details

ID: 3089

NAME: CSS-GUIDE-flexbox

DESCRIPTION: CSS-GUIDE-flexbox - a comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements ...

AUTHOR: article.author/s

EDITOR: article.editor/s

PUBLISHER: article.publisher/s

STATUS: Write

PRIORITY: -5

OWNER ID: 75

photos

actions

Email Email-Owner SMS and