sara vieira - css3 layouts: flexbox vs css grid

MILAN 20/21.11.2015

SARA VIEIRA - KAYMU

CSS Layouts : Flexbox vs CSS Grid

MILAN 20/21.11.2015 - SARA VIEIRA

iamsaravieira.com

@NikkitaFTW

hey@iamsaravieira.com

MILAN 20/21.11.2015 - SARA VIEIRA

• Tables

• Floats

• Inline Block

Building Layouts in CSS

MILAN 20/21.11.2015 - SARA VIEIRA

FLEXBOX

MILAN 20/21.11.2015 - SARA VIEIRA

ALL the browsers !

(Yes , even mobile and IE)

Browser Support

MILAN 20/21.11.2015 - SARA VIEIRA

Flexbox Structure

MILAN 20/21.11.2015 - SARA VIEIRA

• CSS Module Built Specifically for Layouts

• Centre Alignment

• Order Control

• Control by Flex Parents

• RTL Compatible

Flexbox Recap

MILAN 20/21.11.2015 - SARA VIEIRA

CSS GRID

MILAN 20/21.11.2015 - SARA VIEIRA

IE 11 & Edge

Chrome , Opera and Firefox through Flags (http://caniuse.com/#feat=css-grid)

Browser Support

MILAN 20/21.11.2015 - SARA VIEIRA

• CSS Module Built Specifically for Grid Design

• Order Control

• No need for margins

• Responsible

CSS Grid Recap

MILAN 20/21.11.2015

SARA VIEIRA

KAYMU

MILAN 20/21.11.2015 - SARA VIEIRA

Leave your feedback on Joind.in! https://m.joind.in/event/codemotion-milan-2015