Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Aplicar Posicionamiento Relativo | Dominio del Posicionamiento en CSS
Técnicas Avanzadas de CSS

bookDesafío: Aplicar Posicionamiento Relativo

Nota

Cada desafío en este curso incluye un ejemplo de código compuesto por los archivos index.html y index.css. Como el curso se centra en el aprendizaje de CSS, se recomienda resolver los desafíos en el archivo index.css. Una vez completado el desafío, haz clic en el botón "Run Code" para ver la página en vivo y asegurarte de que el desafío se resolvió correctamente.

Además, cada desafío proporciona los botones "Hint" y "Solution". Al hacer clic en el botón "Hint" se mostrarán pistas relevantes para la tarea actual, mientras que el botón "Solution" revelará el ejemplo de código con la aplicación correcta de CSS.

Tarea

  1. Añadir posicionamiento relative al segundo elemento con el nombre de clase item.
  2. Mover el elemento 30px hacia abajo y 50px hacia la izquierda.
index.html

index.html

index.css

index.css

copy
  1. Desplazar hacia abajo estableciendo un valor positivo para la propiedad top.
  2. Desplazar hacia la izquierda estableciendo un valor negativo para la propiedad left.
index.html

index.html

index.css

index.css

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 3

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

How do I select the second element with the `item` class in CSS?

Can you explain how `position: relative` works in this context?

What values should I use for the `top` and `left` properties to achieve the required movement?

Awesome!

Completion rate improved to 2.04

bookDesafío: Aplicar Posicionamiento Relativo

Desliza para mostrar el menú

Nota

Cada desafío en este curso incluye un ejemplo de código compuesto por los archivos index.html y index.css. Como el curso se centra en el aprendizaje de CSS, se recomienda resolver los desafíos en el archivo index.css. Una vez completado el desafío, haz clic en el botón "Run Code" para ver la página en vivo y asegurarte de que el desafío se resolvió correctamente.

Además, cada desafío proporciona los botones "Hint" y "Solution". Al hacer clic en el botón "Hint" se mostrarán pistas relevantes para la tarea actual, mientras que el botón "Solution" revelará el ejemplo de código con la aplicación correcta de CSS.

Tarea

  1. Añadir posicionamiento relative al segundo elemento con el nombre de clase item.
  2. Mover el elemento 30px hacia abajo y 50px hacia la izquierda.
index.html

index.html

index.css

index.css

copy
  1. Desplazar hacia abajo estableciendo un valor positivo para la propiedad top.
  2. Desplazar hacia la izquierda estableciendo un valor negativo para la propiedad left.
index.html

index.html

index.css

index.css

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 3
some-alt