From 71bed8b88e79a28d246c06807e820e4753ac251d Mon Sep 17 00:00:00 2001 From: Micah Godbolt Date: Fri, 15 Feb 2019 15:28:12 -0800 Subject: [PATCH 1/2] Switched to grid --- assets/shared.css | 14 ++++-------- index.html | 58 +++++++++++++++++++++++++++++++++++++++-------- 2 files changed, 53 insertions(+), 19 deletions(-) diff --git a/assets/shared.css b/assets/shared.css index 4f08735..6907622 100644 --- a/assets/shared.css +++ b/assets/shared.css @@ -20,17 +20,17 @@ body { } .Container { - display: flex; justify-content: center; padding: 20px; } .Tiles { - display: flex; - flex-wrap: wrap; + grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); + grid-gap: 20px; + max-width: 1000px; + display: grid; list-style-type: none; margin: 0; - width: 800px; padding: 0; } @@ -38,7 +38,6 @@ body { background-color: white; border-radius: 2px; box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108); - margin: 0 12px 12px 0; opacity: 0.96; transition: all 0.15s linear; } @@ -56,9 +55,7 @@ body { height: 148px; justify-content: center; text-align: center; - padding: 20px; text-decoration: none; - width: 148px; } .Tile-link i { @@ -68,9 +65,8 @@ body { } .Tile--intro { - max-width: 468px; + grid-column: span 2; padding: 20px; - width: 100%; } .Tile--intro h1 { diff --git a/index.html b/index.html index c174c0b..bac9b43 100644 --- a/index.html +++ b/index.html @@ -12,16 +12,54 @@

Day 1

Setup, HTML, CSS, Javascript and Intro to React -
  • Step 0
    • -
  • Step 1
    • -
  • Step 2
    • -
  • Step 3
    • -
  • Step 4
    • -
  • Step 5
    • -
  • Step 6
    • -
  • Step 7
    • -
  • Step 8
    • -
  • Step 9
    • +
  • + + Step 0
    + HTML/CSS/JS +     +
    • +
  • + + Step 1
    + Todo HTML +     +
    • +
  • + + Step 2
    + Todo CSS +     +
    • +
  • + + Step 3
    + Todo JS +     +
    • +
  • + + Step 4
    + React Intro +     +
    • +
  • + + Step 5
    + React Components +     +
    • +
  • + + Step 6
    + State Driven UI +     +
    • +
  • + + Step 7
    + UI Driven State +     +
    • From 22fc20962feae61e7b16189174e8cc1c39b60323 Mon Sep 17 00:00:00 2001 From: Micah Godbolt Date: Fri, 15 Feb 2019 15:29:42 -0800 Subject: [PATCH 2/2] switch to target blank --- index.html | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index bac9b43..7a5a48f 100644 --- a/index.html +++ b/index.html @@ -13,49 +13,49 @@ Setup, HTML, CSS, Javascript and Intro to React
  • - + Step 0
    HTML/CSS/JS
  • - + Step 1
    Todo HTML
  • - + Step 2
    Todo CSS
  • - + Step 3
    Todo JS
  • - + Step 4
    React Intro
  • - + Step 5
    React Components
  • - + Step 6
    State Driven UI
  • - + Step 7
    UI Driven State     @@ -68,8 +68,8 @@

    Day 2

    Setup, HTML, CSS, Javascript and Intro to React
    • -
  • Step 1
    • -
  • Step 2
    • +
  • Step 1
    • +
  • Step 2
    • @@ -77,7 +77,7 @@

  • Playground

    • -
  • Playground
    • +
  • Playground