CSS Grid and Media Queries February 20, 2019

• Composition
• CSS
• CSS Grid
• Responsive

Schedule of the day

• Exercise Review
• Intro to CSS Grid
• Intro to Media Queries and Responsive(fluid) Design
• Workshop - Add CSS to your own webpage

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