---
title: Images & layouts
intro: Organizing images of your website to make it maintainable is just as important as using the many layout tools available to design websites.

reviews:
  organization: Website file organization
  image-formats: Images for the web
  using-images: Using images
  images-for-retina: Images for retina screens
  float-clear: Float & clear
  position-zindex: Position & z-index
  navigation: Navigation
  small-screen-layout: Small screen layout

test:
  name: Path paladin
  url: http://activities.learn-the-web.algonquindesign.ca/path-paladin/
  desc:

code:
  name: Newspaper homepage
  url:
  desc:

tools:
  - title: Images cheat sheet
    internal: images-cheat-sheet
    highlight: true
  - title: CSS layout cheat sheet
    internal: css-layout-cheat-sheet
    highlight: true
---

---
title: Images & layouts
intro: Organizing images of your website to make it maintainable is just as important as using the many layout tools available to design websites.

reviews:
  organization: Website file organization
  image-formats: Images for the web
  using-images: Using images
  images-for-retina: Images for retina screens
  float-clear: Float & clear
  position-zindex: Position & z-index
  navigation: Navigation
  small-screen-layout: Small screen layout

test:
  name: Path paladin
  url: http://activities.learn-the-web.algonquindesign.ca/path-paladin/
  desc: Prepare a proper path to pick a prickly particular.

code:
  name: Newspaper homepage
  url:
  desc:

tools:
  - title: Images cheat sheet
    internal: images-cheat-sheet
    highlight: true
  - title: CSS layout cheat sheet
    internal: css-layout-cheat-sheet
    highlight: true
---

Add the Path paladin description.
Add the Path paladin description.
