CSS Grid Layout Lab
Today we will build out some common page layout patterns using the CSS grid specification we have been learning. CSS Grid Lab | Codecast
Author Archives: thomas.wallace@gmail.com
Introduction to CSS
Codecast | Source | Header Image URL Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Color and Typography
CSS Grid Lab Debrief / Final Project Assignment
Lab Debrief CSS Grid Lab | Codecast Bringing it all Together Finalizing your page template Duplicating pages for your site Setting up Workspace for your project Final Project Complete the micro-site project and post url of the First Draft to your course homepage no later than 11/18/2025. You are welcome to complete the siite on any topic […]
CSS Grid, Image Manipulation and Optimization
CSS Grid Resources Interactive Guide to CSS Grid Image Editing Image Editing Tools Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Pixlr Suite – Raster and Vector – Tutorials Photopea / Vectorpea
CSS Grid Layout Lab
Today we will build out some common page layout patterns using the CSS grid specification we have been learning. CSS Grid Lab | Codecast
Introduction to CSS
Codecast | Source | Header Image URL Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Color and Typography
Positioning Lab Debrief
Review Positioning Exercises (Codecast) Introduction to CSS Grid Introduction to CSS Grid Grid by Example
Introduction to CSS
Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Color and Typography CSS Box Model – Description | Demonstration
CSS Grid, Image Manipulation and Optimization
CSS Grid Resources Interactive Guide to CSS Grid Image Editing Image Editing Tools Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Pixlr Suite – Raster and Vector – Tutorials Photopea / Vectorpea
Positioning Lab
Positioning Lab | Demo