Skip to content

Latest commit

 

History

History
29 lines (20 loc) · 1.05 KB

README.md

File metadata and controls

29 lines (20 loc) · 1.05 KB
Raw

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

Holy Grail