Category Archives: Web Technologies Fall 2026 – 02

Review Positioning Exercises (Codecast) Introduction to CSS Grid Introduction to CSS Grid Grid by Example

Positioning Lab | Demo

Codecast | Source Positioning Overview CSS Positioning | Demo Set up a directory structure and links for the positioning lab. | Starter HTML (Use this code)

Codecast | Source Spend today’s session experimenting styling the content we added on Thursday. At a minimum I’d  like you to try to write selectors for the table elements and and the different kinds of lists. We’ll debrief on Thursday.

Codecast | Source Styling Page Elements Header SVG Backgrounds Content Articles Aside Footer Introduction to Flexbox Additional Elements | Sample HTML

Codecast | Source Styling Page Elements Header SVG Backgrounds Content Articles Aside Footer Introduction to Flexbox Additional Elements | Sample HTML

Codecast | Source Color and Typography Take note of your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration

Codecast | Source Color and Typography Take note of your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration

Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Codecast | Source Color and Typography Take note of your Color Codes

HTML Project Q&A Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet