Open the styles.css file and locate the "sticky$$ comment and create a style rule for the sticky class selector with the following rules:

Add a declaration for the position property with a value of $-$webkit$-$sticky.

Add a declaration for the position property with a value of sticky.

Add a declaration for the top property and specify a $0$ value.

Refresh your page, and scroll down to view the changes. In the index.html file, use the empty paragraph element within the sticky div element to briefly explain how to use the sticky position.

I have written

$/*$ sticky $*/$

$.$sticky $\{$

position: $-$webkit$-$sticky;

position: sticky;

top: $0$;

$\}$

The program keeps saying

Status: FAILED!

Check: $2$

Test: Add a declaration for the $`$position$`$ property with a value of sticky

Reason: Assertion failed: The $`$position$`$ property does not have a value of sticky.

Error : AssertionError $-$ The $`$position$`$ property does not have a value of sticky.

Timestamp: $2024-10-0202$:$55$:$43\mathrm{.}341973$

Status: FAILED!

Check: $3$

Test: Add a declaration for the $`$top$`$ property and specify a $0$ value

Reason: Assertion failed: The $`$top$`$ property does not have a value of $0.$

Error : AssertionError $-$ The $`$top$`$ property does not have a value of $0.$

Timestamp: $2024-10-0202$:$55$:$43\mathrm{.}354153$