Mar 12: Responsive, @media

Learning Objectives

After today’s class, you should be able to:

• Define @page and @media rules based on media size and type.
• Use draw.io and Live Share to create diagrams and sketches for the project.
• Perform the following git commands: clone, add, commit, push, pull, status.

Lesson Outline

Slides [20 min]

• Chapter 7: Slides 28–35
• Test Your Knowledge #3 (Pages 320–321)
• Git Basic – Introduction by Linyue Cai
• Git Will Finally Make Sense After This

Demo [15 min]

• Draw.io Integration
• Git Graph
• Live Share

Project [20 min]

• Join cs343s26 – see your Organizations
• Clone your project repo (named team##)
• Practice using Live Share and Draw.io

Lab07 [20 min]

• Follow the GitHub Classroom instructions
• Get the invitation link from Canvas Lab07
• See how much you can finish during class!

Before Tuesday

1. Finish the reading from Prep 7.
2. Submit Lab 7 on Gradescope. ← Due Mon 3/23 at 11:59pm
3. Make progress on Project 1 in your teamXX repository.