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