CSS Grid

Curious to Ninja

Arthur Juchereau

@ArthurBienSur

Flexboxes are still awesome

Pros of CSS Grid

• Easy to start, yet super powerful
• Easy static/dynamic layout
• Awesome for responsive design
• Semantic HTML
• UI refactoring made easy

Cons of CSS Grid

• Bad for Masonry layouts
• Bad for non 2d grid based layouts
• Not adequate for non-Rectangular shapes
• no column-reverse

Morten Rand-Hendriksen: CSS Grid Changes Everything (About Web Layouts)

If you are not convinced yet

... or google "CSS Grid talk 2017"

Time to code

Feel free to raise your hand if I go too fast