https://github.com/migueldmontes/composicion-visual
Realiza una composición de página con los diferentes tipos de posicionamiento: absolute, relative, fixed y sticky. Tienes una imagen de fondo general (no obligatorio). MENU: sticky FOOTER: fixed SLOGAN: absolute ELEMENTO(s) UBICADO(s) EN EL FONDO: relative. Ejemplo, la vaca en el paisaje. ELEMENTO(s) SUPERPUESTOS: Probar z-index donde desees
https://github.com/migueldmontes/composicion-visual
composicion ironhack visual week4
Last synced: 4 months ago
JSON representation
Realiza una composición de página con los diferentes tipos de posicionamiento: absolute, relative, fixed y sticky. Tienes una imagen de fondo general (no obligatorio). MENU: sticky FOOTER: fixed SLOGAN: absolute ELEMENTO(s) UBICADO(s) EN EL FONDO: relative. Ejemplo, la vaca en el paisaje. ELEMENTO(s) SUPERPUESTOS: Probar z-index donde desees
- Host: GitHub
- URL: https://github.com/migueldmontes/composicion-visual
- Owner: migueldmontes
- Created: 2025-04-05T15:53:24.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-05T15:54:40.000Z (about 1 year ago)
- Last Synced: 2025-09-01T12:46:51.966Z (10 months ago)
- Topics: composicion, ironhack, visual, week4
- Language: HTML
- Homepage:
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Composicion-Visual
Realiza una composición de página con los diferentes tipos de posicionamiento: absolute, relative, fixed y sticky.
Tienes una imagen de fondo general (no obligatorio).
MENU: sticky
FOOTER: fixed
SLOGAN: absolute
ELEMENTO(s) UBICADO(s) EN EL FONDO: relative. Ejemplo, la vaca en el paisaje.
ELEMENTO(s) SUPERPUESTOS: Probar z-index donde desees
Puedes realizar una composición lógica o ilógica: ej: poner en el paisaje de montaña un astronauta en vez de una vaca. O poner la vaca en Nueva York. Tu creatividad al poder!
+EXTRA: prueba a usar algún icono de Bootstrap
+EXTRA: probar los posicionamientos con Bootstrap (ojo, z-index se mide solo entre -1 y 3, y en vez de left y right se usa start y end)
IMPORTANTE A RECORDAR:
RELATIVE es posición relativa a donde cae ese elemento naturalmente
ABSOLUTE: posición respecto a la página EXCEPTO si está dentro de otro elemento que tiene asignado un posicionamiento (normalmente, relative)