Question: Add the following declarations to the nav style rule: Task 0 5 Add the following declarations to the nav style rule: Specify a sticky position

Add the following declarations to the nav style rule: Task 05
Add the following declarations to the nav style rule:
Specify a sticky position compatible with all modern browsers. (Hint: Use two position declarations and include the -webkit-prefix for the first declaration.)
Specify a top property value of Opx.
Add a declaration to the nav ul style rule that removes the bullet marker.
Add a declaration to the nav li style rule that sets the display to an inline-block.
Task #05: Add Styles to the nav, nav ul, and nav li elements
Test Feedback:
Status: FAILED!
Check: 1
Test: Specify a sticky position compatible with all modern browsers. (Hint: Use two position declarations and include the for the first declaration.)
Reason: Assertion failed: The property is not set to for the selector.
Error : AssertionError - The property is not set to for the selector.
Timestamp: 2024-10-0103:33:29.358789
Status: FAILED!
Check: 2
Test: Specify a top property value of **0 px**.
Reason: Assertion failed: The property is not set to for the selector.
Error : AssertionError - The property is not set to for the selector.
Timestamp: 2024-10-0103:33:29.372712
Status: FAILED!
Check: 3
Test: Add a declaration to the style rule that removes the bullet marker.
Reason: Assertion failed: The property is not set to for the selector.
Error : AssertionEror - The property is not set to for the selector.
Timestamp: 2024-10-0103:33:29.389466
Status: FAILED!
Check: 4
Test: Add a declaration to the style rule that sets the to an .
Reason: Assertion failed: The property is not set to for the selector.
Error : AssertionError - The property is not set to for the selector.
Timestamp: 2024-10-0103:33:29.403776
Specify a sticky position compatible with all modern browsers. (Hint: Use two position declarations and include the -webkit-prefix for the first declaration.)
Specify a top property value of 0px.
Add a declaration to the nav ul style rule that removes the bullet marker.
Add a declaration to the nav li style rule that sets the display to an inline-block.
Task 05
/* Style rules for nav */
nav {
padding: 1%;
margin-bottom: 1%;
background-color: #67afcb;
position: -webkit-sticky;
position: sticky;
top: 0px;
}
nav ul {
list-style: none;
}
nav li {
font-size: 1.5em;
padding: 4%;
display: inline-block;
font-family: 'B612', sans-serif;
}
nav li a {
display: block;
color: #092834;
text-decoration: none;
}
Add the following declarations to the nav style

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Programming Questions!