Challenge: Work with Fixed Positioning
Task
Create a website navigation bar that remains fixed at the top of the webpage for users to access at all times. Steps:
Apply
fixed
positioning to the navigation list.Choose one property for horizontal displacement (
left
orright
).Choose one property for vertical displacement (
top
orbottom
).Test the functionality by clicking on different links and ensuring that the page scrolls while keeping the navigation bar visible.
index.html
index.css
Set the
top
property to0
to keep the navigation at the top of the web page.For horizontal positioning, you can use either
left: 0;
to align it with the viewport's left edge orright: 0;
to align it with the right edge.
index.html
index.css
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla