Workshop: Intro to Responsive Design with CSS Grid and Flexbox

This repo houses the workshop materials for Intro to Responsive Design with CSS Grid and Flexbox by Jamena McInteer.

Final examples are stored in the example directory, while live workshop practice is completed in the example-boilerplates directory.

Download Assets

With Git

1. Click Clone or download and copy the remote url for SSH or HTTPS, whichever you usually use
2. Open a terminal or git bash in the directory where you want to clone the repository and enter git clone [remote url]

Without Git

1. Click Clone or download and then click Download ZIP
2. Save and unzip

Slides

• Workshop Slides

Resources and Reading

CSS Grid

• Grid Garden Game
• Learn CSS Grid in 5 minutes - A tutorial for beginners
• A guide to learning CSS grid
• Learn CSS Grid for free
• CSS Grid Generator

Flexbox

• Flexbox Froggy Game
• A Complete Guide to Flexbox

Contact Info

• Twitter: Jamena McInteer