In this exercise, you’ll be collaborating on a single webpage with multiple viewports. Each student will be responsible for designing a particular viewport threshold.
- Pull the latest code from the collaborative Github repo
- Write your responsive code within the relevant media query for you
- Verify that your code is working as expected
- Label your commit with your name and viewport
i.e.
Marie: viewport 1600and push to Git Hub - Slack message the
#relaychannel to let your next collaborator know
- Only change the code within your own
media query, not others - You may right as many rules as you like within the
media query - You may add a
classonto an HTML element, but you may not remove it - Complete your changes within the designated times. You will each have a maximum of 15minutes.
| Name | Viewport | Time |
|---|---|---|
| TUESDAY | ||
| Jenna | 1500 | 7:30pm |
| Jinny | 1400 | 7:45pm |
| Veronica | 1300 | 8:00pm |
| Hannah | 1200 | 8:15pm |
| Deeva | 1100 | 8:30pm |
| Alex | 1000 | 8:45pm |
| Lucy | 900 | 9:00pm |
| Diego | 800 | 9:15pm |
| THURSDAY | ||
| Sihua | 700 | 7:30pm |
| Ein | 600 | 7:45pm |
| Juliana | 500 | 8:00pm |
| Tao | 400 | 8:15pm |
| Donovan | 300 | 8:30pm |
| Emily | 200 | 8:45pm |
This exercise has been adapted from Minkyoung Kim and Sophia Spitulnik.