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
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 2. Capítulo 7
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Awesome!
Completion rate improved to 2.04
Challenge: Work with Fixed Positioning
Deslize para mostrar o menu
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
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 2. Capítulo 7