CSS for Layout April 19, 2019

• CSS
• CSS Grid
• Composition
• Responsive

Agenda

• Intro to CSS Grid
• Intro to media queries and responsive layout

Exercise

• Grid Garden

Resources

CSS Grid

• Complete Guide
• Grid by Example
• Intro to Grid

Responsive Design and Media Queries

• Principles of Responsive Design
• Media Query Snippets

Ironhack Student Platform

• Flexbox - The basics
• Grid - The basics
• Cheatsheet - Flexbox