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:
position: fixed positions the aside r...