Bummer! This is just a preview. You need to be signed in with an account to view the entire instruction.

Well done!

You have completed (UPI) Chapter 8: Enhancing Web Design with Cascading Style Sheets (CSS)!

Instruction

Example: Using Fixed Positioning

Objective: Position the aside element to stay fixed as the user scrolls.

Adjusted CSS:

aside {
  width: 180px;
  padding: 1em;
  border: 1px solid black;
  position: fixed; /* Fixes the position relative to the viewport */
  right: 30px; /* 30px from the right edge of the viewport */
  top: 50px; /* 50px from the top of the viewport */
}

Explanation:

...