Thomas Wallace

CSS Grid Resources

• Interactive Guide to CSS Grid

Image Editing

• Image Editing Tools
• Vector vs Raster Images | 1 | 2
• Tools Overview
  • Adobe Creative Suite – Paid Subscription
    • Adobe Illustrator – Vector Editor
    • Adobe Photoshop – Raster Editor
  • Pixlr Suite –  Raster and Vector – Tutorials
  • Photopea / Vectorpea

Lab Set up

1. In your workspace create a new project sub-directory named: css-grid-lab
2. Create 4 html files named:
   1. grid-two-col-left.html
   2. grid-two-col-right.html
   3. grid-two-col-stacked.html
   4. grid-two-col-equal.html
3. Populate Each File with the starter code located here: Starter Code
4. Add a nested list to your course homepage with links to each file.