warmup-01

Warm Up: HTML/CSS

Setup

• On each day, create a new branch of this repository with the date
  • e.g., 11-22-2018
• Create a folder with the same date name
  • e.g., 11-22-2018/
• Follow the instructions below in that folder
• Timebox this to 1 hour
• Create a PR from that branch to master

Warm-Up Exercise

Before You Start ... complete the daily warm-up

Having a fingertips ready scaffold of a core web layout, with responsive rules, using a number of layout tools is essential. The ability to recognize these common visual patterns and understand what Grid and Flexbox are doing should be a stable starting point for any web project.

Implement a Responsive Holy Grail Layout using Float, Flexbox and CSS Grid. By Hand.

• You may use a reset.
• Block out all of the sections as shown (no content required)
• Desktop View: Render as shown
• Mobile View: Stack: Header -> Content -> Left -> Right -> Footer