austineady / 1.4-pixel-perfect Goto Github PK

Tasks

• Getting Started
  • Follow the assignment instructions to create a new issue.
  • Follow the assignment instructions to create a new repository.
  • Create and commit index.html
  • Follow the assignment instructions to create a new pull request.
  • Read this article about
    semantic HTML.
• Slice the Comp
  Annotate the following images to denote:
  • the tag names and bounding boxes of semantic block-level elements
  • essential CSS properties and values like margin and padding
  • anything else that will help you execute the design!
  • Checkpoint: Sliced the page header, annotated and committed!
  • Checkpoint: Sliced the page footer, annotated and committed!
  • Checkpoint: Sliced the main article, annotated and committed!
  • Checkpoint: Sliced the article header, annotated and committed!
  • Checkpoint: Sliced the article footer, annotated and committed!
  • Checkpoint: Sliced the sidebar, annotated and committed!
  • Mission Complete!
• Code the Comp!
  • Checkpoint: Basic HTML structure committed!
  • Checkpoint: Basic layout CSS committed!
  • Checkpoint: Pixel perfect page header committed!
  • Checkpoint: Pixel perfect page footer committed!
  • Checkpoint: Pixel perfect column layout committed!
  • Checkpoint: Pixel perfect layout and typography committed!
  • Checkpoint: Links with hover states committed!
  • Mission complete!