02--The-RWD-Strikes-Back.md

[thedonz]

Objectives

Demonstrate understanding of:

• Desktop-first Responsive Web Design principles
• CSS media query breakpoints based on a reference implementation
• The cascading principle of CSS

Reinforce understanding of:

• HTML block and inline elements
• CSS display and box-model style rules

  Directions

Using the Longform theme and The Iron Yard blogs as reference:

• [ ] Refactor the CSS for your blog theme to be responsive

Only adjust the HTML as absolutely necessary. You should create a new branch on both your

• [x] [username].github.io Small
• [x] TIY-Assignments Small

repositories called rwd-strikes-back. You should have two PRs for this assignment.

• [x] Create a branch in both repos called rwd-strikes-back and commit your work into those. Small
• [x] Create a folder in your TIY-Assignments repository called 02--The-RWD-Strikes-Back to put your work in. Small
• [x] Use the Chrome Developer Tools to identify the breakpoints precisely from the reference implementations. Medium (3)
• [x] Use Skitch to capture screen shots at each breakpoint and identify differences from the "desktop" version... Medium (3)
  • [x] Save each file named according to the breakpoint, e.g. max-480px.jpg, min-1024px,jpg. Small
  • [x] Commit the files into your TIY-Assignments repository. Small
• [ ] Refactor your CSS to make your layout match the reference implementations at each breakpoint. Large (5)
  • [x] Small View (320 x 480)
  • [ ] Medium (600 x 800)
  • [ ] Large (768 x 1024)
  • [x] X-Large (1280 x 1024)
• Work in Pomodoros, commit at least every break, more often is better.
• Assign the "Ready to Review" label to your issues as they're ready for me to review.

Practice putting flags in the sand: create your issues and branches, commit something to your branch, and open a PR for that branch immediately. Make checkboxes for yourself on your WIP issue, and check them off in between Pomodoros.

[thedonz]

Added checkboxes and estimates in T-Shirt sizes and points (where appropriate). Moving on.

[al-the-x]

You're breaking these tasks down a little too finely / literally, sir. Consider a "Setup" task with sub-tasks. Don't bother estimating the sub-tasks.