Agenda

Advanced Styling

• selectors, icons, web fonts, CSS animation
• Lab 2: CSS Diner

Modern Layouts

• css-column, flexbox, grid
• Lab: uchicago.edu layout

Responsive Design

• media queries, mobile-first design

Accessibility (a11y)

• screen readers, visual alerting, and captioning

CSS Resets and Frameworks

• box-sizing, CSS resets, Bootstrap