CSS for Typesetting and Composition April 12, 2019

• CSS
• Composition
• Flexbox
• HTML
• Typography

CSS provides us a way to give the web browser hints about how we want the content of our website to render. We’ll start working with CSS by using it to style typographic compositions.

Agenda

• Intro to CSS
• Basic CSS selectors
• CSS for typesetting
• Composition with flexbox

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