Skip to content

Instantly share code, notes, and snippets.

@baldur

baldur/index.css

Created April 2, 2020 06:34
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save baldur/dc89ed0e5c7c86a2f6d2561f907a798b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save baldur/dc89ed0e5c7c86a2f6d2561f907a798b to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Baldur Gudbjornsson revised this gist Apr 2, 2020. 1 changed file with 16 additions and 0 deletions.
    16 changes: 16 additions & 0 deletions index.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,16 @@
    h2 {
    text-align: center;
    font-size: 200%;
    }

    .box {
    border: solid 2px black;
    width: 50px;
    height: 50px;
    margin: 20px;
    display: inline-block;
    }

    #box1 {
    background: red;
    }
  2. Baldur Gudbjornsson created this gist Apr 2, 2020.
    41 changes: 41 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,41 @@
    <h1>
    Homework
    </h1>

    <h2>
    Lesson 1 - Background colors
    </h2>

    <p>
    Below there are three boxes. Box 1 has already been painted red. Can you paint box2 yellow and box3 pink?
    </p>

    <div>

    <div id="box1" class="box">
    </div>

    <div id="box2" class="box">
    </div>

    <div id="box3" class="box">
    </div>

    </div>


    <h2>
    Lesson 2 - Font size and text alignment
    </h2>

    <p class="lesson2">
    Can you make this text bigger and have it centered on the page just like the heading?
    </p>

    <h2>
    Lesson 3 - <a href="https://www.codecademy.com/courses/learn-html/lessons/intro-to-html/exercises/intro">Hyper texts</a>
    </h2>

    <p>
    Can you make this a link that takes the user to your favorite website?
    </p>