# Session 06 - CSS, Part 4 - including Grid

Harvard Extension School
Fall 2024

Course Web Site: https://cscie12.dce.harvard.edu/

### Topics

1. CSS Grid
2. Responsive Page Layouts
3. Responsive Page Layouts
4. Responsive Images
5. CSS Custom Properties
6. Other CSS expressions
7. HTML5 Boilerplate

Session 06 - CSS, Part 4 - including Grid, slide1
Main topics, slide2
Contrasting CSS Grid and CSS Flex, slide3
CSS Grid, slide4
Grid Examples, slide5
Grid Examples, slide6
Grid - Lines and Areas, slide7
Grid Example, slide8
Grid Content Example - Solar System, slide9
Responsive Page Layouts, slide10
Classic Responsive Design Example, slide11
Breakpoints and CSS Media Queries, slide12
What about breakpoints?, slide13
Responsive Page Layouts, slide14
A Responsive Example, slide15
Responsive Images, slide16
CSS Custom Properties, slide17
Custom Properties, slide18
Other CSS expressions, slide19
HTML5 Boilerplate, slide20

Presentation contains 20 slides

- img
- img
- img
- img
- img