-
STEP-7XX
1-
Lecture1.1
-
-
STEP-700
11-
Lecture2.1
-
Lecture2.2
-
Lecture2.3
-
Lecture2.4
-
Lecture2.5
-
Lecture2.6
-
Lecture2.7
-
Lecture2.8
-
Lecture2.9
-
Lecture2.10
-
Lecture2.11
-
-
STEP-701
9-
Lecture3.1
-
Lecture3.2
-
Quiz3.1
-
Lecture3.3
-
Lecture3.4
-
Lecture3.5
-
Lecture3.6
-
Lecture3.7
-
Lecture3.8
-
-
STEP-702
5-
Lecture4.1
-
Lecture4.2
-
Lecture4.3
-
Lecture4.4
-
Lecture4.5
-
-
STEP-703
4-
Lecture5.1
-
Lecture5.2
-
Lecture5.3
-
Lecture5.4
-
-
STEP-704
4-
Lecture6.1
-
Lecture6.2
-
Lecture6.3
-
Lecture6.4
-
-
STEP-705
4-
Lecture7.1
-
Lecture7.2
-
Lecture7.3
-
Lecture7.4
-
iop-701 | Up On A Hill | Exercise Assignment
In this lesson, we add a snowy hill to the window and place our snowman on it by using a few of the properties we have already learned. Additionally, we create a sky in the background by using background transitions. Finally, we use overflow to make sure only those elements, or parts of elements, are in view.
- Complete all steps completed in the video “inside out – STEP 701.0 | Up On A Hill”.
- 00:00 – Introduction
- 00:21 – Overview
- 01:52 – add comment for snowman div
- 02:09 – place the hill in the page
- 02:19 – add div.hill
- 02:31 – add comment for hill div
- 03:12 – adjust margin in body style
- 03:22 – adjust width in body style
- 03:24 – adjust height in body style
- 03:38 – adjust overflow in body style
- 04:01 – adjust text color in body style
- 04:13 – add background gradients
- 06:11 – add style for scrollbar to be hidden
- 07:03 – add text-align to snowman
- 07:35 – add position to snowman
- 07:41 – position snowman to bottom
- 07:58 – add left position to snowman
- 09:08 – add styles for the hill
- 10:45 – add style to html element
- 11:44 – make sure all files are closed & saved
- 12:20 – git status
- 12:24 – git add
- 12:34 – git commit