Challenge: Master Sticky Positioning
Task
Create a blog layout for animal articles, ensuring that the corresponding animal photo is always visible while the user reads the article. When the user starts reading about another animal, offer the next animal photo. Steps:
- Apply
sticky
positioning to the element with the class nameillustration
. - Specify the position on the page where the element should become sticky.
index.html
index.css
- To make the animal illustrations stick to the top of the viewport while the user reads the article, apply the
sticky
positioning to the element with the class nameillustration
. - Set the
top
property to0
to specify that the element should stick at the top of the viewport.
index.html
index.css
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 2. Capítulo 9
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Awesome!
Completion rate improved to 2.04
Challenge: Master Sticky Positioning
Desliza para mostrar el menú
Task
Create a blog layout for animal articles, ensuring that the corresponding animal photo is always visible while the user reads the article. When the user starts reading about another animal, offer the next animal photo. Steps:
- Apply
sticky
positioning to the element with the class nameillustration
. - Specify the position on the page where the element should become sticky.
index.html
index.css
- To make the animal illustrations stick to the top of the viewport while the user reads the article, apply the
sticky
positioning to the element with the class nameillustration
. - Set the
top
property to0
to specify that the element should stick at the top of the viewport.
index.html
index.css
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 2. Capítulo 9