sara vieira - css3 layouts: flexbox vs css grid
TRANSCRIPT
MILAN 20/21.11.2015
SARA VIEIRA - KAYMU
CSS Layouts : Flexbox vs CSS Grid
MILAN 20/21.11.2015 - SARA VIEIRA
iamsaravieira.com
@NikkitaFTW
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