Problem description

A page consists of a left sidebar and a right content section. As users scroll the content section, the sidebar should remain fixed to the top of the viewport.

Goal

Use pure CSS to ensure the sidebar remains visible without JavaScript.

Constraints

• Only CSS may be used.

• The sidebar must not overlap footer content.

Sample visual output

Here’s what the output would look like:

Good luck trying the problem! If you’re unsure how to proceed, check the Solution.