howto: website layout - flexbox and grid    rev 17 feb 2019

.......................................................
info:

  flex is best for page elements.
	use flex to position the smaller details of a design.

    one dimension: horizontal (elements in a row)
    more flexibility than CSS Grid. 
    easier to maintain and require less code.
    great at aligning the content inside elements. 

  grid is best for page layouts.
    two dimensions: horizontal and vertical (rows and columns)
	easy to manage the layout of the page, 
	  can even handle more unorthodox and asymmetrical designs.



.......................................................
resources:

    ..........................................
    difference between:

    o Quick! What's the Difference Between Flexbox and Grid? 
        https://css-tricks.com/quick-whats-the-difference-between-flexbox-and-grid/

    o ultimate CSS battle: Grid vs Flexbox
        Learn how they differ, and when you should use one over the other.
        Per Harald Borgen
        https://hackernoon.com/the-ultimate-css-battle-grid-vs-flexbox-d40da0449faf

    o CSS Grid VS Flexbox: A Practical Comparison
        very good explanation with sample code comparing each.
        https://tutorialzine.com/2017/03/css-grid-vs-flexbox

    o Should I use Grid or Flexbox?
        Rachel Andrew
        https://www.rachelandrew.co.uk/archives/2016/03/30/should-i-use-grid-or-flexbox/
        2016


    ..........................................
    using together:

    How to combine Flexbox and CSS grids for efficient layouts
      Abbey Fitzgerald
      https://getflywheel.com/layout/combine-flexbox-and-css-grids-for-layouts-how-to/
      mar 2018


_______________________________________________________
.Do  .Do-webwork  
since:  7 oct 2018
-- 0 --