CSS Basics and Flexbox February 19, 2019

• Composition
• CSS
• Flexbox

Schedule of the day

• Exercise Review
• Whiteboard Session - CSS
• Intro to CSS
• Intro to Flexbox
• Workshop - Clone Slack website (pair programming with Web Devs)

Exercises

• CSS Diner
• Flexbox Froggy

Resources

CSS Basics

• MDN’s documentation
• Anatomy of a CSS rule
• CSS Reference

Flexbox

• Complete guide

Boilerplate

• CSS Boilerplate

Ironhack Learning Platform

• CSS: Link to HTML - Intro - Selectors
• CSS: Text and Colors Properties
• CSS: Box Model
• Cheatsheet - CSS Basics
• Cheatsheet - CSS Best Practices
• Responsive Web Design: CSS & Mobile First