Skip to content

Latest commit

 

History

History
31 lines (19 loc) · 1.96 KB

README.md

File metadata and controls

31 lines (19 loc) · 1.96 KB

Posicionamiento CSS

Los siguientes ejercicios van sobre el posicionamiento CSS. Consulta este enlace para ver diferentes ejemplos.

Instrucciones

  1. Forkea el repo
  2. Clonar el repo
  3. Realizar los cambios demandados
  4. Commitear y pushear los cambios cada vez que consigas un ejercicio

Flotacion

  1. Define un DIV para cada caja. Dale estilos hasta que te queden un conjunto de cajas en vertical. Luego, usa adecuadamente float para hacer que todas la cajas floten a la izquierda. Revisad este enlace screencapture-mclibre-org-consultar-htmlcss-ejercicios-posicionamiento-flotante-oscar-wilde-oscar-wilde-formateado-html-2023-09-27-08_30_56

Posicionamiento-absoluto

  1. Coloca la estrellita encima de Mario. SOLAMENTE hay que añadir algunas propiedades a los selectores adecuados, no tocar el HTML.
  2. Cuando lo consigas, haz más pequeño el viewport(haz más pequeña la ventana del navegador), y comprueba si tu código sigue funcionando

Demo

Posicionamiento-fixed

  1. El header superior tiene un posicionamiento fixed . Fíjate en este vídeo cómo debe quedar. screencapture-mclibre-org-consultar-htmlcss-ejercicios-posicionamiento-fijo-software-libre-2-software-libre-2-formateado-html-2023-09-27-08_02_56

Posicionamiento-sticky

  1. Tan solo debes modificar la regla css img.sticky. Fíjate en el vídeo. La imagen debe quedarse enganchada aproximadamente en el punto que se muestra en este video