diff --git a/assets/css-syntax.png b/assets/css-syntax.png new file mode 100644 index 0000000..0a9f049 Binary files /dev/null and b/assets/css-syntax.png differ diff --git a/index.html b/index.html index 9f3e489..f69c2aa 100644 --- a/index.html +++ b/index.html @@ -22,41 +22,53 @@ HTML/CSS/JS -
  • - - Step 2
    - Todo HTML & CSS -     +
  • + Step 2
    + Todo HTML & CSS +
    + demo | exercise | + final +
    • -
  • - - Step 3
    - Todo JS -     +
  • + Step 3
    + Todo JS +
    + demo | exercise | + final +
    • -
  • - - Step 4
    - React Intro -     +
  • + Step 4
    + React Intro +
    + demo | + final +
    • -
  • - - Step 5
    - React Components -     +
  • + Step 5
    + React Components +
    + demo | exercise | + final +
    • -
  • - - Step 6
    - State Driven UI -     +
  • + Step 6
    + State Driven UI +
    + demo | exercise | + final +
    • -
  • - - Step 7
    - UI Driven State -     +
  • + Step 7
    + UI Driven State +
    + demo | exercise | + final +
    • diff --git a/step1-01/css-demo/README.md b/step1-01/css-demo/README.md index 3974435..0568e5a 100644 --- a/step1-01/css-demo/README.md +++ b/step1-01/css-demo/README.md @@ -20,17 +20,32 @@ CSS is always applied in `property: value` pairs, like `background: blue;` and a CSS can be applied to HTML tags in three different ways. 1. Inline - Styles are applied directly to the HTML tag - -- `
    Hello
    ` - + - `
    Hello
    ` 2. Via a `