Category Archives: Mobile Web Spring 2026

Resume Wrapup – Desktop Breakpoint Site Prototyping Tools Final Project Requirements

Complete Guide to Flexbox Refactoring the Resume using Flexbox Logical CSS Functions min(), max(), and clamp() are CSS magic! Media Query Free – Responsive Layout Fluid Breakout Layout with CSS Grid

Creating media queries for your first breakpoint | Codecast Introduction to Flexbox CSS Nesting

Codecast Begin working on your mobile-first prototype. Over the weekend you should work to have your mobile first view of your project complete by Tuesday of next week. CSS Custom Properties Guide Demo Additional Information

Mobile-First Approach Codecast Media Queries vs Container Queries Microdata Overview Schema vs. JSON-LD https://jsonld.com/ JSON Resume Structured Data Markup Helper Structured Data General Guidelines

Please Check your Email – Delayed Lecture this morning! Mobile-First Approach Codecast Media Queries vs Container Queries Microdata Overview Schema vs. JSON-LD https://jsonld.com/ JSON Resume Structured Data Markup Helper Structured Data General Guidelines

Technical Specifications Explanation | Guide Codecast | Live View Viewport Metatag | Reference BreakPoint Reference by Device

Today we will build out some common page layout patterns using the CSS grid specification we have been learning. CSS Grid Lab | Codecast

Class Exercise Debrief Introduction to CSS Grid Grid by Example Classroom Example ( Float Based ) Conversion to grid demo In Class Coding Activity Clone (Make a copy) your HTML5 Semantics project from last week. Rename the copied directory css-grid-exercise-1 Add a link to your course homepage Using CSS Grid, Build a page layout using your own […]

Weekly Lab Class Fridays 9:00 – 10:00am Video call link: https://meet.google.com/feg-bdcu-eur What is it? | Why Use it? | Resources Generate a Grid Fluid Grids Class Example (960 / 10 Col) Grid Tile (For Visual Reference) Column Dimension Reference (Pixel Reference) Codecast