Code 301: Class 04 - Reading Name

---

Read: CSS Grid Garden

• Completed the Grid Garden Tutorial which was entertaining and informative

Bookmark / Skim: RegExr

• Tool to learn, build, and test Regular Expressions
  • Provides a cheat sheet with the following categories
    • Character classes
    • Anchors
    • Escaped Characters
    • Groups & Lookaround
    • Qualifiers & Alternation

Bookmark / Skim: Regex Tutorial

• Article provides and library of examples as well as a sandbox to try different constructions

Bookmark / Skim: Regex 101

• Regex 101 is a browser based sandbox tool for experimenting with regular expressions

Bookmark / Skim: CSS Grid Reference

• Parent defines the element as a grid container
  • display: grid | inline-grid;
• Children, possible properties
  • grid-column-start
  • grid-column-end
  • grid-row-start
  • grid-row-end
• grid-template-columns Defines the columns with space separated values
• grid-template-rows Defines the rows with space separated values

• When defining lengths and widths, can use fr fraction

• Extensive library of Grid properties and attributes

Bookmark / Skim: Responsive design with CSS Grid

• Article describing multiple responsive uses of Grid and Flex
• Also provides multiple examples of responsive web pages that can be played with by the user

---

Return to reading-notes Deployed Site

Return to reading-notes Mark Down